Articles/CSS

CSS grid-template-rows Property Explained

What the CSS grid-template-rows property does, with an example.

Published November 4, 2026

The CSS grid-template-rows property defines the number and size of rows in a CSS grid container.

Key points

  • Check browser compatibility on a resource like caniuse.com if targeting older browsers

Example

grid-template-rows: auto 1fr auto;
More CSS articles