Syntax

grid-auto-columns

Setting the size of the grid columns.

Overview

ClassDeclarations
grid-auto-cols:`value`grid-auto-columns: `value`;
grid-auto-cols:minmax(`min`,`max`)grid-auto-columns: minmax(`min`,`max`);
grid-auto-cols:autogrid-auto-columns: auto;
grid-auto-cols:mingrid-auto-columns: min-content;
grid-auto-cols:maxgrid-auto-columns: max-content;

Apply conditionally

Apply styles based on different states using selectors and conditional queries.

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

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy