# CSS Grid: Rows and Columns

CSS Grid turns a box into an ice cube tray of rows and columns, so a photo gallery, a product page or a calendar lines up both ways at once with a few lines of CSS.

![Cheat sheet: CSS Grid: Rows and Columns](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/ff6e5c1b56084eb7a2b186508ea8930b.webp)

- Category: CSS
- Level: Apprentice
- Tags: CSS, CSS Grid, Fraction unit, Grid container, Grid item, Grid template columns, Grid track
- Updated: November 1, 2026

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