.container{
align-content: stretchflex-startflex-endcenterspace-betweenspace-aroundspace-evenly;
align-items: stretchflex-startflex-endcenterbaseline; }

• Align-content
  • stretch: lines stretch to take up the remaining space
  • flex-start / start: items packed to the start of the container.
  • flex-end / end: items packed to the end of the container.
  • center: items centered in the container
  • space-between: items evenly distributed; the first line is at the start of the container while the last one is at the end
  • space-around: items evenly distributed with equal space around each line
  • space-evenly: items are evenly distributed with equal space around them
• Align-items
  • stretch (default): stretch to fill the container (still respect min-width/max-width)
  • flex-start: items are placed at the start of the cross axis.
  • flex-end: items are placed at the end of the cross axis.
  • center: items are centered in the cross-axis
  • baseline: items are aligned such as their baselines align