Grid

A CSS layout system that divides a page into rows and columns — like graph paper you can place content onto.

A two-dimensional layout model that defines explicit or implicit rows and columns, allowing items to be placed by line number, named area, or auto-placement. Grid enables complex layouts without nesting.

CSS Grid Layout Module Level 2 introduces subgrid, allowing nested grids to participate in the parent's track sizing. The track-sizing algorithm resolves intrinsic, fixed, and flexible (fr) tracks across multiple passes, accounting for spanning items, min/max constraints, and content-based sizing contributions.