Grid Auto Columns
Controls the size of grid columns created implicitly.
| Class | Properties |
|---|---|
| gac-min | grid-auto-columns: min-content; |
| gac-max | grid-auto-columns: max-content; |
| gac-auto | grid-auto-columns: auto; |
Using breakpoints
Using responsive breakpoints like sm:gac-*, md:gac-*, lg:gac-*, and xxl:gac-* allows targeting specific utilities in different viewports.
<div class="gac-min md:gac-auto ..."></div>Using variants
Using :hover variants such as h:gac-* allows you to override elements and change their values when hovering over them.
<div class="gac-min h:gac-auto ..."></div>