The "align-content" property is only applicable when we have a Flexbox with several lines (that is, we have loaded the "wrap" value in the "flex-wrap" property).
The possible values of the "align-content" property are:
- stretch
- flex-start
- flex-end
- center
- space-between
- space-around
By default, the "align-content" property stores the value "stretch".
Let's try changing the "align-content" value and see how the item locations change:
