Grid

Grid Auto Columns

Style syntax for setting the size of the grid columns.

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

Class	Declarations
`grid-auto-columns:value` `/` `grid-auto-cols:value`	`grid-auto-columns: value`
`grid-auto-cols:auto`	`grid-auto-columns: auto`
`grid-auto-cols:min`	`grid-auto-columns: min-content`
`grid-auto-cols:max`	`grid-auto-columns: max-content`
`grid-auto-cols:minmax(min,max)`	`grid-auto-columns: minmax(min, max)`

Conditionally apply

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

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