Flexible Column Layouts

Easily build your content in rows with flexible column layouts. Choose one of the prebuilt layouts with just a click, from equal-width columns and mixed fractions to combinations of fixed and expanding widths.

Instead of using a prebuilt layout, simply select the number of columns and adjust their widths manually. You have full control over each column width on every breakpoint, giving you everything you need to create responsive layouts that adapt to different device sizes. Combine fraction widths, fixed widths, content-based widths, or expanding columns that fill the available space.

You can also change the visual order of columns independently from the HTML markup. This lets you keep important content earlier in the source while presenting it in a different order visually, which is useful for SEO, accessibility, and AI agents.

Style each column individually with card or tile styles, background images, videos, or custom background colors. You can even animate background colors on scroll and make the column and its content sticky.

Finally, define vertical and horizontal column gaps independently, add an optional divider, set a maximum content width for the row, and optionally expand the row to one side.