Grid

Grid Template

Style syntax for setting grid columns, grid rows, and grid areas.

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

Class	Declarations
`grid-template:value`	`grid-template: value`
`grid-template:rows/columns`	`grid-template: rows/columns`
`grid-template:areas\|rows/columns`	`grid-template: areas rows/columns`
`grid-template:none`	`grid-template: none`

Conditionally apply

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

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

Style utility for creating multiple grid rows.

Style syntax for setting areas in the grid container