MonorailCss

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-[200px_minmax(900px,_1fr)_100px] 
grid-template-rows: 200px minmax(900px, 1fr) 100px;