Suggest an editImprove this articleRefine the answer for “What does the grid-template-rows property do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`grid-template-rows`** sets the structure of rows in CSS Grid, defining how many rows there will be and the size of each one, using the same units as for columns (`px`, `%`, `auto`, `fr`, `minmax()`, `repeat()`). **Key point:** `grid-template-rows` is responsible for the number and height of rows in the grid.Shown above the full answer for quick recall.Answer (EN)Image`grid-template-rows` sets **the structure of rows in CSS Grid**, defining **how many rows there will be and the size of each one**. Example: ```css .container { display: grid; grid-template-rows: 100px auto 1fr; } ``` This creates **three rows**: 1. a fixed one with a height of `100px` 2. a row with an auto height based on content 3. a flexible row that will take up the remaining space (`1fr`) The allowed units are the same as for columns: `px`, `%`, `auto`, `fr`, `minmax()`, `repeat()`, and others. In short: `grid-template-rows` **is responsible for the number and height of rows in the grid.**For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.