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

Основное отличие свойств align-items и justify-content в гибком контейнере заключается в том, что align-items выравнивает элементы внутри контейнера по поперечной оси, а justify-content — по главной оси. htmlacademy.ru developer.mozilla.org

Свойство align-items принимает значения: flex-start (элементы идут в начале оси), flex-end (элементы идут в конце оси), center (элементы в центре оси), baseline (элементы размещены по базовой линии). htmlacademy.ru

Свойство justify-content обрабатывает все элементы как группу и управляет распределением пространства между ними. habr.com Оно принимает значения: flex-start (элементы стоят в начале оси), flex-end (элементы стоят в конце оси), center (элементы по центру оси) и другие. htmlacademy.ru