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-[value]`	`grid-auto-columns: [value] }`

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-[value]

grid-auto-columns: [value]

Reference

MDN ↗