Addon · Grids
Auto-fit for cards. Classic 12-col for layouts. Fractions for precise control. Pick one. Or mix.
Items wrap automatically based on a min-width. auto-fit-356- = each item at least --356- wide.
<div class="grid auto-fit-356- gap-20">...</div>
Use col-3, col-6, col-12. Sums to 12.
Define columns as fractions of available space. Pure CSS Grid grid-template-columns: 1fr 2fr 1fr as utility classes.
Auto-fit thresholds, container queries, gap modifiers, span notation. The complete utilities list.
Open /llms.txt →