Extra Credit

CSS Grid Layout

Official docs outline

6 sections
  1. Grid concepts

    Grid container, tracks, lines, cells and areas.

  2. Defining the grid

    grid-template-columns, rows and areas.

  3. Placing grid items

    grid-row, grid-column and auto-placement.

  4. Track sizing

    fr units, minmax(), auto tracks and the sizing algorithm.

  5. Alignment and spacing

    Alignment properties and gaps.

  6. Subgrids

    Subgrid track inheritance.

Each section links to the official page. Titles and summaries by Extra Credit; the docs belong to their authors.

All 33