# Grid template rows

Sets a grid's rows and their heights.

## What does `grid-template-rows` do?

`grid-template-rows` sets the rows of a grid and how tall each one is.

```css
.page { display: grid; grid-template-rows: 60px 1fr 40px; }   /* header, content, footer */
```

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/grid-template-rows