Flexbox & Grid

Align Items

Utilities for controlling how flex and grid items are positioned along a container's cross axis.

Quick reference

ClassProperties
items-start
align-items: flex-start;
items-end
align-items: flex-end;
items-center
align-items: center;
items-baseline
align-items: baseline;
items-stretch
align-items: stretch;
items-inherit
align-items: inherit;
items-initial
align-items: initial;
items-revert
align-items: revert;
items-revert-layer
align-items: revert-layer;
items-unset
align-items: unset;