Grid layout

Grid works exactly like CSS Grid. It arranges child elements in a two-dimensional layout with rows and columns.

Columns and Rows

Define how many columns and rows your grid has, and their sizes. This works the same as grid-template-columns and grid-template-rows in CSS.

Gap

Set the space between grid cells. This is the same as the CSS gap property.