Grid Template Rows

Utilities for specifying the rows in a grid layout.

Class	CSS Output
`grid-rows-1`	`grid-template-rows: repeat(1, minmax(0, 1fr)); }`
`grid-rows-3`	`grid-template-rows: repeat(3, minmax(0, 1fr)); }`
`grid-rows-6`	`grid-template-rows: repeat(6, minmax(0, 1fr)); }`
`grid-rows-12`	`grid-template-rows: repeat(12, minmax(0, 1fr)); }`
`grid-rows-none`	`grid-template-rows: none; }`
`grid-rows-subgrid`	`grid-template-rows: subgrid; }`
`grid-rows-(--my-template)`	`grid-template-rows: var(--my-template); }`
`grid-rows-[value]`	`grid-template-rows: [value] }`

grid-rows-1

grid-template-rows: repeat(1, minmax(0, 1fr));

grid-rows-3

grid-template-rows: repeat(3, minmax(0, 1fr));

grid-rows-6

grid-template-rows: repeat(6, minmax(0, 1fr));

grid-rows-12

grid-template-rows: repeat(12, minmax(0, 1fr));

grid-rows-none

grid-template-rows: none;

grid-rows-subgrid

grid-template-rows: subgrid;

grid-rows-(--my-template)

grid-template-rows: var(--my-template);

grid-rows-[value]

grid-template-rows: [value]

Reference

MDN ↗