Разница между свойствами align-items и align-self при работе с контейнерами заключается в том, что align-items выравнивает все элементы внутри контейнера одновременно, а align-self переопределяет выравнивание по умолчанию для отдельных элементов. 23

align-items устанавливает значения align-self для всех элементов группы. 3 Можно также использовать свойство align-self для любого отдельного элемента, чтобы выровнять его внутри строки и относительно других элементов. 3

Таким образом, align-items задаёт выравнивание всех элементов одновременно, а align-self позволяет индивидуально настроить выравнивание каждого элемента. 3

Оба свойства определяют, как пространство распределяется между элементами flex вдоль поперечной оси: вертикальной для flex-direction, установленного в row, и горизонтальной для flex-direction, установленного в column. 1