Defines how flex items are laid out along the cross axis on the current line
.container {
align-items: flex-start | flex-end | center | baseline | stretch;
}
- flex-start: cross-start margin edge of the items is placed on the cross-start line
- flex-end: cross-end margin edge of the items is placed on the cross-end line
- center: items are centered in the cross-axis
- baseline: items are aligned such as their baselines align
- stretch (default): stretch to fill the container (still respect min-width/max-width)