Layout Container
A Column is a vertical subdivision inside a section. Columns hold your content components. Each section can have 1–6 columns, and columns can have their own background, spacing, and alignment independent of the section.
Style Settings
- Width / Width Unit: fixed or percentage width
- Height / Height Unit: fixed or auto height
- Minimum Width / Minimum Height: guardrails for responsive scaling
- Component Spacing: gap between components stacked inside the column
- Self-Alignment: align the column within its parent section (start, center, end, stretch)
- Responsive Background: adjust background behavior per device
Responsive Spacing
Like sections, columns have independent spacing values for Desktop, Tablet, and Mobile. Switch to the tablet or mobile device view in the toolbar and adjust the column's padding or margin: those values only apply to that device size and don't affect the others.
💡On tablet and mobile, multi-column sections automatically collapse to fewer columns (and a single column on mobile). You can override any auto-scaled value with a per-viewport-specific setting.