align-items
property
CSS3
Aligns flex items along the cross axis (perpendicular to the main axis).
Syntax
align-items: stretch | flex-start | center | flex-end | baseline;
Example
css
/* Vertically center content */
.hero {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
/* Stretch to full height (default) */
.card-row {
display: flex;
align-items: stretch;
}