Чем отличается align-items от align-self при выравнивании элементов?

Align-items и align-self отличаются тем, что первое свойство выравнивает все элементы внутри flex-контейнера, а второе — отдельные элементы. webdesign.tutsplus.com

Align-items выравнивает содержимое контейнера вдоль поперечной оси. skillbox.ru У свойства есть пять возможных значений: skillbox.ru

• flex-start — элементы выравниваются по верхнему краю контейнера; skillbox.ru
• flex-end — элементы выравниваются по нижнему краю контейнера; skillbox.ru
• center — содержимое контейнера выравнивается по центру; skillbox.ru
• baseline — элементы выравниваются по базовой линии текста, который в них содержится; skillbox.ru
• stretch — внутренние элементы растягиваются на всю высоту flex-контейнера. skillbox.ru

Align-self устанавливает выравнивание отдельного flex-элемента вдоль поперечной оси, переопределяя значение свойства align-items. skillbox.ru Значения align-self задаются для каждого flex-элемента и могут быть следующими: skillbox.ru

• flex-start — выравнивает элемент по началу поперечной оси (cross start); skillbox.ru
• flex-end — выравнивает элемент по концу поперечной оси (cross end); skillbox.ru
• center — выравнивает элемент по центру поперечной оси; skillbox.ru
• stretch (по умолчанию для flex-элементов) — элементы растягиваются на всю высоту контейнера. skillbox.ru