Grid

Grid Template Rows

Style syntax for creating rows in a grid layout.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`grid-template-rows:value`	`grid-template-rows: value`
`grid-template-rows:none`	`grid-template-rows: none`
`grid-template-rows:min`	`grid-template-rows: min-content`
`grid-template-rows:max`	`grid-template-rows: max-content`
`grid-template-rows:repeat(min,max)`	`grid-template-rows: repeat(min, max)`
`grid-template-rows:fit-content(min,max)`	`grid-template-rows: fit-content(min, max)`
`grid-template-rows:minmax(min,max)`	`grid-template-rows: minmax(min, max)`

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="grid-template-rows:none:hover grid-template-rows:none@sm grid-template-rows:none@dark grid-template-rows:none@print">…</div>