The number and heights of the rows in a grid layout are specified by the
grid-template-rows
property.
Each value in the values list, which is separated by spaces, indicates the
height of the corresponding row.
Let's look at some examples:
auto:
We can use auto
, if we want the container's height to define the height of the
rows.