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

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

align-content выравнивает строки в флекс-контейнере при наличии дополнительного пространства на поперечной оси. 2 Оно применяется ко всем элементам как группе и управляет распределением свободного места и положением всей группы элементов внутри контейнера. 5

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