The grid-template-rows property in CSS is used to set the number of rows and height of the rows in a grid. The values of grid-template-rows are space-separated, where each value represents the height of the row.
The grid-template-rows property specifies the number (and the heights) of the rows in a grid layout.
grid-template-rows: none|auto|max-content|min-content|length|initial|inherit;
Defines the rows of a grid container. You can specify the width of a row by using a keyword (like auto) or a length (like 10px). The number of rows is determined by the number of values defined in the space-separated list.
Supported Browsers: