Чем отличается align-content от justify-content при работе с флекс-контейнерами?

Основное отличие свойств align-content и justify-content при работе с флекс-контейнерами заключается в направлении выравнивания. habr.com developer.mozilla.org

justify-content выравнивает элементы по главной оси текущей строки флекс-контейнера. habr.com webref.ru Свойство обрабатывает все элементы как группу и управляет распределением пространства между ними. habr.com По умолчанию элементы выстраиваются в начале строки, а лишнее пространство остаётся в конце. hcdev.ru

Align-content, в свою очередь, выравнивает строки внутри флекс-контейнера по поперечной оси, когда в этой оси есть дополнительное пространство. habr.com webref.ru В отличие от justify-content, начальным значением align-content является stretch. hcdev.ru

Таким образом, justify-content работает с главной осью, а align-content — с поперечной. habr.com hcdev.ru