Разница между align-items и justify-content заключается в том, что align-items выравнивает элементы внутри флекс-контейнера по поперечной оси, а justify-content — по главной оси. 12
Таким образом, align-items влияет на расположение элементов внутри контейнера, а justify-content — на распределение пространства между элементами на главной оси. 2