В чем отличие align-items от flex-direction?

Отличие свойств align-items и flex-direction заключается в их назначении:

1. align-items отвечает за выравнивание элементов по поперечной оси. htmlacademy.ru skillbox.ru У свойства есть пять возможных значений: flex-start (элементы выравниваются по верхнему краю контейнера), flex-end (по нижнему), center (содержимое контейнера выравнивается по центру), baseline (элементы выравниваются по базовой линии текста, который в них содержится) и stretch (внутренние элементы растягиваются на всю высоту flex-контейнера). skillbox.ru
2. flex-direction управляет направлением главной и поперечной осей, порядком и направлением расположения flex-элементов. itchief.ru Значения свойства: row (элементы располагаются по горизонтали слева направо, значение по умолчанию), row-reverse (элементы располагаются по горизонтали справа налево), column (элементы располагаются по вертикали сверху вниз) и column-reverse (элементы располагаются по вертикали снизу вверх). itchief.ru