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

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

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

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