Grid And Flexbox

Gap

Style syntax for setting the gutters between rows and columns.

🚧This page is still under construction and some content may not be complete.

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="gap:12:hover gap:12@sm gap:12@dark gap:12@print">…</div>

Style syntax for controlling how an individual item is aligned along its cross axis.

Style syntax for controlling how items are aligned along its main axis.