Layout Block
The Layout block arranges content in multi-column grids. Use it to place blocks side by side for more flexible page designs.
Column presets
Section titled “Column presets”| Preset | Description |
|---|---|
| 2 columns (equal) | Two equal-width columns (default) |
| 2 columns (left wide) | 2/3 + 1/3 split |
| 2 columns (right wide) | 1/3 + 2/3 split |
| 3 columns (equal) | Three equal-width columns |
| 4 columns (equal) | Four equal-width columns |
| 2x2 grid | Two rows of two equal columns |
| Custom | Define your own column and row count (up to 9 each) with custom width ratios |
Adding content to columns
Section titled “Adding content to columns”Each column (cell) can contain multiple blocks stacked vertically. Click the add button inside a cell or drag blocks between cells.
Supported block types inside layouts
Section titled “Supported block types inside layouts”Layouts can contain: Text, Image, Video, Audio, Divider, Button, Embed, Card, and Flip Card blocks.
Accordion, Tabs, Table, Layout, Knowledge Check, Document, and Code blocks cannot be nested inside layouts.
Gap spacing
Section titled “Gap spacing”Control the gap between columns:
| Option | Size |
|---|---|
| None | No gap |
| Small | 0.5rem |
| Medium | 1rem (default) |
| Large | 1.5rem |
Changing the preset
Section titled “Changing the preset”You can change the layout preset after adding content. When you switch presets, existing content is moved to the first cell of the new layout so nothing is lost.
Mobile behavior
Section titled “Mobile behavior”Layout columns stack vertically on small screens so content remains readable on phones and tablets.