In CSS Grid, what property defines the size of a grid row?

The story behind the answer

In CSS Grid, the property that defines the size of grid rows is `grid-template-rows`.

Its value describes the row tracks in a grid container, using lengths, percentages, flexible `fr` units, and functions such as `minmax()`. For example, `grid-template-rows: 100px 1fr 2fr` creates three explicitly sized rows, with the final two sharing the remaining space in a two-to-one proportion.

A frequent confusion is `grid-row`, which places an item across grid lines but does not define the track sizes. The `grid-template-columns` property performs the parallel job for columns. If extra rows are created automatically, `grid-auto-rows` can control their sizing; that is why “row size” questions sometimes have a second, context-dependent property.

CSS Grid grew from a comprehensive Microsoft proposal in 2011 and was implemented experimentally in Internet Explorer 10. Chrome, Firefox, Safari, and Edge supported the modern unprefixed system by 2017, making two-dimensional layout practical across mainstream browsers.

Source: Wikipedia · fact-checked Aug. 2026

Add question to a list

Choose a list to keep this question in: