Every page you build with the page editor is 12 columns wide. Turn on the grid and guides in design tools of the page settings to see those columns and the true size of each block while you work.
Use them to line up blocks, keep spacing even, and build layouts that stay balanced.
Build layouts with the 12-column grid
Each page is 12 columns wide. The blocks on your page sit side by side inside those 12 columns, and you set how many columns each block takes.
Common layouts include:
One full-width column (12)
Halves (6 + 6)
Thirds (4 + 4 + 4)
Fourths (3 + 3 + 3 + 3)
Sixths (2 + 2 + 2 + 2 + 2 + 2)
One half and two fourths (6 + 3 + 3)
One third, one half, and one sixth (4 + 6 + 2)
Any other combination works too, as long as the block widths in a row add up to 12.
Show guides in the page editor
Guides outline the true shape and size of each section and block, so you can see exactly how much space your content takes.
From the Dashboard, click Website, then Website Pages or Landing Pages.
Click the Title of the page you want to edit to open it in the editor.
In the sidebar, click Settings.
Open Design Tools.
Toggle Show guides.
Click Save to update the preview.
Note: After you change Show guides or Show Grid, the editor shows a Preview outdated badge until you click Save.
Show the grid in the page editor
The grid displays the 12 columns that make up your page width. Use it to align blocks and set consistent spacing between them.
From the Dashboard, click Website, then Website Pages or Landing Pages.
Click the Title of the page you want to edit to open it in the editor.
In the sidebar, click Settings.
Open Design Tools.
Toggle Show Grid.
Click Save to update the preview.
