← Back to Glossary

align-items

Flexbox & Grid

Controls flex items alignment settings along container perpendicular cross axes.

Common Value Formats

align-items: stretch; Stretches elements vertical bounds
align-items: center; Centered cross axis coordinates
align-items: flex-start; Tops align flow
align-items: flex-end; Bottoms align flow

interactive-example.html

Live Preview