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.

Overview [sr-only]

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

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

NEXT
Justify Content

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

MIT License © Aoyue Design LLC.