В чем отличие align-items от align-content при работе с flexbox?

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

align-items отвечает за выравнивание элементов по поперечной оси. htmlacademy.ru otvet.mail.ru По умолчанию у него значение stretch, то есть элементы растягиваются вдоль всей оси. htmlacademy.ru

align-content выравнивает строки в флекс-контейнере при наличии дополнительного пространства на поперечной оси. otvet.mail.ru Оно применяется ко всем элементам как группе и управляет распределением свободного места и положением всей группы элементов внутри контейнера. developer.mozilla.org

Таким образом, align-items влияет на выравнивание элементов на текущей строке, а align-content — на выравнивание по всем строкам флекс-контейнера. dev.to