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)