Некоторые преимущества использования display: flex в CSS:

• Гибкость. 1 Возможность гибко управлять положением элементов. 1 Flexbox позволяет не задумываться о размерах элементов вплоть до пикселя. 1
• Адаптивность. 1 Flex подходит для создания «резиновой» вёрстки, когда размеры элементов меняются в зависимости от параметров экрана. 1
• Удобное выравнивание. 1 С помощью Flexbox можно в пару строк реализовать вещи, которые без него отняли бы больше усилий. 1 Например, точное центрирование контента внутри блока. 1
• Хорошая поддержка в браузерах. 1 Flexbox поддерживают все современные браузеры. 1
• Отображение столбцов одинаковой высоты. 2 Используя свойство align-items и устанавливая для него значение stretch, CSS flex гарантирует, что столбцы внутри flexbox будут одинаковой высоты. 2