Syntax
grid-columns
Style utility for creating multiple grid columns.
Overview
| Class | Declarations |
|---|---|
grid-cols:value | display: grid;
grid-template-columns: repeat(value,minmax(0,1fr));
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="grid-cols:12:hover grid-cols:12@sm grid-cols:12@dark grid-cols:12@print">…</div>