Align Items

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

Class CSS Output
items-baseline-last
align-items: last baseline;
items-baseline
align-items: baseline;
items-end
align-items: flex-end;
items-stretch
align-items: stretch;
items-center-safe
align-items: safe center;
items-end-safe
align-items: safe flex-end;
items-start
align-items: flex-start;
items-center
align-items: center;

items-baseline-last

align-items: last baseline;

items-baseline

align-items: baseline;

items-end

align-items: flex-end;

items-stretch

align-items: stretch;

items-center-safe

align-items: safe center;

items-end-safe

align-items: safe flex-end;

items-start

align-items: flex-start;

items-center

align-items: center;

Reference

align-items MDN ↗

CSS Properties

  • align-items