Syntax

Align Content

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.

Class	Declarations
`align-content:value`	`align-content: value;`
`align-content:normal`	`align-content: normal;`
`align-content:baseline`	`align-content: baseline;`
`align-content:center`	`align-content: center;`
`align-content:stretch`	`align-content: stretch;`
`align-content:start`	`align-content: start;`
`align-content:end`	`align-content: end;`
`align-content:flex-start`	`align-content: flex-start;`
`align-content:flex-end`	`align-content: flex-end;`
`align-content:space-around`	`align-content: space-around;`
`align-content:space-between`	`align-content: space-between;`
`align-content:space-evenly`	`align-content: space-evenly;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="align-content:normal:hover align-content:normal@sm align-content:normal@dark align-content:normal@print">…</div>

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.