Syntax
grid-auto-columns
Setting the size of the grid columns.
Overview
| Class | Declarations |
|---|---|
grid-auto-cols:value | grid-auto-columns: value;
|
grid-auto-cols:minmax(min,max) | grid-auto-columns: minmax(min,max);
|
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;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="grid-auto-columns:auto:hover grid-auto-columns:auto@sm grid-auto-columns:auto@dark grid-auto-columns:auto@print">…</div>