CSS Grid utilities with 1-12 column system. Gap, rows, and responsive containers.
1 to 6 column grids with gap.
.grid-cols-2
.grid-cols-3
.grid-cols-4
<div class="grid grid-cols-2 gap-4">2 columns</div>
<div class="grid grid-cols-3 gap-4">3 columns</div>
<div class="grid grid-cols-4 gap-2">4 columns</div>
<div class="grid grid-cols-12 gap-1">12-column system</div>
<!-- Antsand-prefixed -->
<div class="antsand-grid antsand-grid-2 antsand-gap-4">...</div>
<div class="antsand-grid antsand-grid-3 antsand-gap-3">...</div>Content containers with max-width.
.antsand-container (1200px).antsand-container-fluid (100%).wrapper-lg (1440px).wrapper-md (960px).content-width (800px)<div class="antsand-container">Max 1200px centered</div>
<div class="antsand-container-fluid">Full width</div>
<div class="wrapper-lg">Max 1440px</div>
<div class="wrapper-md">Max 960px</div>
<div class="content-width">Max 800px prose</div>