Syntax

Grid Area

Setting a size and location within a grid.

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

Class	Declarations
`grid-area:value`	`grid-area: value;`
`grid-area:none`	`grid-area: none;`

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

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

Setting layout of grid system.

Setting the size of the grid columns.