Grid And Flexbox


Style syntax for setting the gutters between rows and columns.

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

Overview [sr-only]

gap:sizegap: sizerem
gap:row-gap|col-gapgap: row-gap col-gap
gap-x:col-gapcolumn-gap: col-gap
gap-y:row-gaprow-gap: row-gap

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>
Align Self

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

Justify Content

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

MIT License © Aoyue Design LLC.