Layout blocks: Sections & Columns

Columns

Splits the page into 2 or 3 columns that stack automatically on mobile. Each column is its own stack of blocks — put an image in one column and a heading + paragraph + button in another. For two columns, choose the width split: even (50/50), left-wider (60/40), or right-wider (40/60); align columns to the top or middle.

Section

Wraps a group of blocks in a shaded band — useful to make part of a page stand out (an announcement, a call-to-action). Options: background (none, light gray, brand tint, or dark — plus an optional custom color), inside spacing, corner rounding, and an optional border with its own color. A Section can hold almost any other block, including Columns and the live-data lists — the one thing you can’t do is nest a Section inside another Section, which keeps pages easy to reason about.