Как работает свойство align-content при использовании flexbox?

Свойство align-content при использовании flexbox позволяет выравнивать ряды элементов вдоль поперечной оси. htmlacademy.ru Оно определяет, как строки flex-элементов отступают друг от друга. webdesign.tutsplus.com

Некоторые значения свойства align-content и их описание:

• stretch — значение по умолчанию, при котором ряды растягиваются, занимая всё свободное место. metanit.com htmlacademy.ru
• flex-start — строки (столбцы) выравниваются по началу контейнера (для строк — это верхний край, для столбцов — это левый край контейнера). metanit.com
• flex-end — строки (столбцы) выравниваются по концу контейнера (строки — по нижнему краю, столбцы — по правому краю). metanit.com
• center — строки (столбцы) позиционируются по центру контейнера. metanit.com
• space-between — строки (столбцы) равномерно распределяются по контейнеру, а между ними образуются одинаковые отступы. metanit.com Если имеющегося в контейнере места недостаточно, то действует аналогично значению flex-start. metanit.com
• space-around — строки (столбцы) равным образом распределяют пространство контейнера, а расстояние между первой и последней строкой (столбцом) и границами контейнера составляет половину расстояния между соседними строками (столбцами). metanit.com

Свойство align-content не влияет на контейнер с одной строкой flex (например, когда содержимое не переносится). webdesign.tutsplus.com