Grid And Flexbox

Align Content

Style syntax for controlling how multiple rows or columns are aligned along its cross axis.

šŸš§This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
align-content:value / ac:valuealign-content: value
align-content:normalalign-content: normal
align-content:baselinealign-content: baseline
align-content:centeralign-content: center
align-content:stretchalign-content: stretch
align-content:startalign-content: start
align-content:endalign-content: end
align-content:flex-startalign-content: flex-start
align-content:flex-endalign-content: flex-end
align-content:space-aroundalign-content: space-around
align-content:space-betweenalign-content: space-between
align-content:space-evenlyalign-content: space-evenly

Conditionally apply

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

<div class="align-content:normal:hover align-content:normal@sm align-content:normal@dark align-content:normal@print">ā€¦</div>
PREVIOUS
Grid Template Rows

Style syntax for creating rows in a grid layout.

NEXT
Align Items

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

MIT License Ā© Aoyue Design LLC.
Issue on this page