Flexible Section
This is a demo stack of four different row types. Open the Expanded Editor to rearrange them, replace their content, or add new rows. Each row controls its own width and alignment.
Image + Text row
Two-column layout with an image on one side and rich text on the other. Switch the image to the right from the sidebar if you want it mirrored. On mobile the two columns stack automatically.
Columns row
Split your text into 2 or 3 columns. Use this for feature lists, comparisons, or anything that reads better side-by-side.
Responsive by default
Columns collapse to a single stack on mobile screens, so your layout stays readable no matter the device.
💡 Callout row — use this for a highlighted tip, a key insight, or a call to action. Choose between info (blue), warning (yellow), or success (green) from the sidebar.