align-items: stretch;

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)

Leave a Reply

Your email address will not be published. Required fields are marked *