CSS Flexbox #9. The align-content Property

In the third tutorial of this series, you learned that the align-items flexbox property specifies how flex-items are distributed along the cross axis of the flex-container. The align-content property specifies how the lines inside the container will be distributed, once you have applied the flex-wrap property.

The align-content property accepts 6 possible values:

stretch (default)
center
flex-start
flex-end
space-between
space-around


Let’s demonstrate this with an example!



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]