Свойство align-items в CSS Flexbox используется для выравнивания элементов по поперечной оси. 15

По умолчанию у него значение stretch, то есть элементы растягиваются вдоль всей оси. 1 Другие значения:

• flex-start — элементы идут в начале оси; 1
• flex-end — элементы идут в конце оси; 1
• center — элементы в центре оси; 1
• baseline — элементы размещены по базовой линии. 1

Пример использования: если применить align-items: center к флекс-контейнеру, то все флекс-элементы выровняются по центру оси блока. 2

Поскольку это настройка по умолчанию, любой из флекс-элементов может переопределить выравнивание с помощью свойства align-self. 2