Особенности вертикального выравнивания контента с использованием flexbox:

• Выравнивание по двум осям. 1 Flex-разметка имеет две оси — X и Y, а также два свойства для выравнивания по каждой из них. 1 Например, свойство align-items контролирует выравнивание элементов flexbox по вертикали (если основная ось горизонтальна), а justify-content — по горизонтали. 4
• Центрирование любого элемента по центру родительского контейнера. 1 Для этого нужно установить свойства align-items и justify-content в значения «center». 14
• Адаптивность. 5 Элементы автоматически подстраиваются под размеры контейнера, что позволяет легко реализовывать сложные макеты без необходимости задавать точные размеры для каждого элемента. 5