Layout & design

Align flex and grid children with the align box as a visual guide.

Use component properties to create unique instances of recurring components.

Apply custom CSS properties to your classes — even properties without native Style panel controls.

Build complex layouts with nested components.

Use dynamic data in your components in Collection lists and Collection pages.

Use variables to store and manage frequently used styles.

Control text wrapping and line breaking to improve your design’s responsiveness and readability.

Learn how to build website layouts in the Webflow Designer.

Add a text stroke to elements on your site.

Use small, large, and dynamic viewport units for responsive design on mobile browsers with dynamic toolbars.