Definition
align-content is used to control the distribution of space between and around content items along a flexbox’s cross-axis or a grid’s block axis.
This property determines how the extra space in the container is distributed among the line items. The values for this property determine whether the lines are stretched, centered, or spaced evenly.