Syntax

Align Items

Controlling how items are aligned along its cross axis.

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

Class	Declarations
`align-items:align`	`align-items: align;`
`align-items:normal`	`align-items: normal;`
`align-items:baseline`	`align-items: baseline;`
`align-items:center`	`align-items: center;`
`align-items:stretch`	`align-items: stretch;`
`align-items:start`	`align-items: start;`
`align-items:end`	`align-items: end;`
`align-items:flex-start`	`align-items: flex-start;`
`align-items:flex-end`	`align-items: flex-end;`
`align-items:self-start`	`align-items: self-start;`
`align-items:self-end`	`align-items: self-end;`
`align-items:center-content`	`align-items: center-content;`

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

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

Controlling how multiple rows or columns are aligned along its cross axis.

Controlling how an individual item is aligned along its cross axis.

© Aoyue Design LLC.