CSS Grid Columns and Rows

CSS Grid Columns and Rows — a practical guide to CSS grid columns rows with clear examples you can reuse in real projects.

CSS Tutorial Series (68/109). Prefer one article? Read the complete CSS tutorial.

Short description

minmax(0, 1fr) helps prevent overflow in nested grids.

Tracks

.layout {
  grid-template-columns: 16rem minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
}