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.

Overview [sr-only]

ClassDeclarations
grid-auto-columns:value / grid-auto-cols:valuegrid-auto-columns: value
grid-auto-cols:autogrid-auto-columns: auto
grid-auto-cols:mingrid-auto-columns: min-content
grid-auto-cols:maxgrid-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>
PREVIOUS
Grid

Style syntax for setting layout of grid system.

NEXT
Grid Auto Flow

Style syntax for controlling how auto-placed items get inserted in the grid.

MIT License © Aoyue Design LLC.