Grid

Grid Column

Style syntax for 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-column:value` `/` `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 in different states using selectors, media queries, etc.

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

Style syntax for setting the size of the grid rows.

Style utility for creating multiple grid columns.