Свойства justify-content и align-items в CSS отличаются тем, что каждое из них отвечает за выравнивание элементов в разных направлениях. 13

justify-content выравнивает элементы вдоль главной оси (обычно горизонтальной), контролируя распределение пространства внутри контейнера. 1

align-items выравнивает элементы вдоль поперечной оси (обычно вертикальной), управляя расположением элементов относительно друг друга внутри контейнера. 1