# Grid

CSS Grid lays a container's children out in rows and columns at once, with column widths you set in fr, % or px, gaps between the cells, and items that can span more than one cell.

![Cheat sheet: Grid](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/11/06baf13d3b5a488fb452add692bb0bc0.webp)

- Category: CSS
- Level: Journeyman
- Tags: CSS, CSS Grid, Fraction unit, Gap, Grid span, Grid template columns
- Updated: November 3, 2026

Source: https://www.ask-codey.com/cheat-sheets/grid-cheat-sheet