Category: CSS

Build two-dimensional layouts with CSS Grid.

Define a grid formatting context with display: grid.

Create tracks with grid-template-columns/rows and repeat/minmax.

Space grid tracks with gap / row-gap / column-gap.

Name regions with grid-template-areas for readable templates.

Allow flex items to wrap onto multiple lines.

Space flex/grid children with gap (no margin hacks).

Set main axis with row, column, and reversed variants.

Distribute items along the main axis.

Align items on the cross axis.