MonorailCss

Grid Auto Columns

Utilities for controlling the size of implicitly-created grid columns.

Class CSS Output
auto-cols-auto 
grid-auto-columns: auto;
auto-cols-min 
grid-auto-columns: min-content;
auto-cols-max 
grid-auto-columns: max-content;
auto-cols-fr 
grid-auto-columns: minmax(0, 1fr);
auto-cols-(--my-size) 
grid-auto-columns: var(--my-size);
auto-cols-[200px] 
grid-auto-columns: 200px;