What does the align-content CSS property do and when do you use it?

The align-content property sets the alignment of the content on the cross axis within the flex container.

In other words, all the flex items (content) will be taken and will be pushed in some direction as a whole.

CSS

div {
  display: flex;
  flex-direction: row;
  align-content: flex-start; 
}