The 12-unit grid system
Column Width Slider
Take full control of your layout's proportions. Use the slider in the settings panel to adjust column widths in precise, single-unit steps from 1 to 12.
Splitting and removing columns
Column widths can be adjusted based on the device your visitor is using. A three-column layout that looks great on a desktop might be unreadable on a phone. To solve this, the builder features three device modes: Desktop, Tablet, and Mobile.
Here are the most popular column configurations and when to use them:
Tips for effective column layouts
FAQ
On smaller screens, side-by-side columns can become too narrow. Switch to the mobile preview and set the column width to 12 units so it stacks vertically.
If one column has a short paragraph and the adjacent one has a tall image, select the column and set its Vertical Alignment to 'Center' so the text lines up with the middle of the image.
Every section requires at least one column to hold content. You can only remove a column if the section has more than one.