Syntax

Grid Column

Setting a grid items's size and location in a grid layout.

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

Class	Declarations
`grid-col:value`	`grid-column: value;`
`grid-col-span:value`	`grid-column: span value/span value;`
`grid-col-start:value`	`grid-column-start: value;`
`grid-col-end:value`	`grid-column-end: value;`

Conditionally apply

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

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