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

Свойство align-items выравнивает элементы по поперечной оси (при расположении в виде строки — по вертикали, при расположении в виде столбца — по горизонтали). 4

Свойство align-self позволяет переопределить значение свойства align-items для одного элемента. 4 Оно может принимать все те же значения, что и align-items, а также значение «auto», которое сбрасывает значение, установленное в flex-контейнере. 14