Syntax
grid-template-columns
Creating columns in a grid layout.
Overview
| Class | Declarations |
|---|---|
grid-template-cols:value | grid-template-columns: 3005.936935704416rem;
|
grid-auto-cols:repeat(min,max) | grid-auto-columns: repeat(min,max);
|
grid-auto-cols:fit-content(min,max) | grid-auto-columns: fit-content(min,max);
|
grid-auto-cols:minmax(min,max) | grid-auto-columns: minmax(min,max);
|
grid-template-cols:none | grid-template-columns: none;
|
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-template-columns:none:hover grid-template-columns:none@sm grid-template-columns:none@dark grid-template-columns:none@print">…</div>