Grid Auto Columns
Controls the size of grid columns created implicitly.
| Class | Property |
|---|---|
| gac-min | grid-auto-columns: min-content; |
| gac-max | grid-auto-columns: max-content; |
| gac-auto | grid-auto-columns: auto; |
Using responsive modifiers
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 hover modifiers
Using :hover modifiers 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>