CSS align-content, is used in flexbox containers to align its lines, if there is an extra white-space.
It is used to define how a browser distributes space between and around content items.
It can be only used if the container has more than one line, because if one line is present no effect will occur.
To support align-content property on different browsers we need to add some prefixes. Some of them are
align-content can have different values, but we will see the commonly used values.
It's a default value, it is used to auto fill the space available in the container by increasing the size of the lines.
Lines are moved to the starting position in the container.
Lines are moved to the ending position in the container.
It is used to join the lines together and move it to the center of the container.
It is used to align the lines and the container evenly.
It is used to distribute space evenly between the lines and the container.