<!-- Basic flex container -->
<div class="antsand-flex">...</div>
<!-- Direction -->
<div class="antsand-flex antsand-flex-row">...</div>
<div class="antsand-flex antsand-flex-col">...</div>
<!-- Justify content -->
<div class="antsand-flex antsand-justify-start">...</div>
<div class="antsand-flex antsand-justify-center">...</div>
<div class="antsand-flex antsand-justify-end">...</div>
<div class="antsand-flex antsand-justify-between">...</div>
<!-- Align items -->
<div class="antsand-flex antsand-items-start">...</div>
<div class="antsand-flex antsand-items-center">...</div>
<div class="antsand-flex antsand-items-end">...</div>
<!-- Gap -->
<div class="antsand-flex antsand-flex-gap-2">...</div>
<div class="antsand-flex antsand-flex-gap-4">...</div>