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.
default
grid-template-rows: none;
No rows are defined.
grid-template-rows: 120px auto 3rem;
You can mix the units.
grid-template-rows: 20px 1fr 2fr;
You can use the fr flex unit to distribute the remaining space across all flex rows.