Grid System

Modern CSS Grid utilities for powerful layouts.

Grid Classes

<!-- Basic grid -->
<div class="antsand-grid">...</div>

<!-- 2 column grid -->
<div class="antsand-grid antsand-grid-2">
    <div>Column 1</div>
    <div>Column 2</div>
</div>

<!-- 3 column grid -->
<div class="antsand-grid antsand-grid-3">
    <div>Column 1</div>
    <div>Column 2</div>
    <div>Column 3</div>
</div>

<!-- 4 column grid -->
<div class="antsand-grid antsand-grid-4">...</div>

<!-- Grid gap -->
<div class="antsand-grid antsand-grid-3 antsand-gap-4">...</div>