Edit Content

What is a Grid, and in what cases should I use it to arrange elements on my page?

What is a Grid, and in what cases should I use it to arrange elements on my page?

1
In the Elements panel, click Grid and drag it into your section. – A Grid divides the page into rows and columns, giving flexible two-dimensional control. – Ideal for product listings, galleries, or dashboards that need a clear structure.
Screenshot for step 1
2
In the settings panel, set the number of Columns to split the space vertically and the number of Rows to split it horizontally. This ensures your elements are aligned neatly both side by side and top to bottom.
Screenshot for step 2
3
Adjust the Row Gap and Column Gap values to control spacing between cells. You can type numbers directly or use the arrow controls to fine-tune, making sure the layout stays balanced and easy to read.
Screenshot for step 3
4
Once the Grid is structured, drag elements such as Text, Images, or Buttons into the grid cells. This lets you build organized, consistent layouts where every item has its proper place.
Screenshot for step 4