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: