Build CSS grid layouts visually — define template columns and rows, set gaps, drag to create named template areas, and copy the complete grid CSS instantly.
CSS Grid is a two-dimensional layout system — it places items into rows and columns simultaneously. grid-template-columns and grid-template-rows define the track sizes using lengths, percentages, or the flexible fr unit. repeat(3, 1fr) creates three equal columns. Items span multiple cells using grid-column: 1 / 3 or named areas via grid-template-areas. The gap property sets both row and column gaps in one declaration. Use auto-fill with minmax() for responsive grids that reflow without media queries.