Syntax
align-items
Controlling how items are aligned along its cross axis.
Overview
| Class | Declarations |
|---|---|
align-items:`align` | align-items: `align`;
|
items-normal | align-items: normal;
|
items-baseline | align-items: baseline;
|
items-center | align-items: center;
|
items-stretch | align-items: stretch;
|
items-start | align-items: start;
|
items-end | align-items: end;
|
items-flex-start | align-items: flex-start;
|
items-flex-end | align-items: flex-end;
|
items-self-start | align-items: self-start;
|
items-self-end | align-items: self-end;
|
Apply conditionally
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>