Grid Layouts

Grid places direct children in equal-width columns.

1. Select their parent and choose Design > Layout > Grid.
2. Set Items Per Row and Space Between Items. Gap is included in the width calculation; incomplete rows retain the column structure.

Cell Alignment

Under Advanced, set:

• Item Vertical Alignment — Stretch, Start, Center, or End vertically.
• Item Horizontal Alignment — The same choices horizontally.
• Use Original Item Dimensions — Retain child width/height instead of Grid's automatic sizing.

Stretch fills the cell where sizing permits. These controls position the child; its own layout aligns its contents.

Responsive Columns

At smaller breakpoints, reduce Items Per Row and adjust Space Between Items. Keep Grid selected; its mode is shared.

For unequal columns or custom tracks, use Advanced CSS Grid.