Syntax

Grid Auto Columns

Setting the size of the grid columns.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
grid-auto-cols:valuegrid-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;

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>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.