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

• Адаптивность. 23 Элементы автоматически подстраиваются под размеры контейнера, что позволяет легко реализовывать сложные макеты без необходимости задавать точные размеры для каждого элемента. 2
• Простое выравнивание элементов. 2 Flexbox упрощает процесс центрирования, выравнивания и распределения элементов как по горизонтали, так и по вертикали. 2
• Удобство управления пространством. 2 Flexbox позволяет равномерно распределять свободное место или сжимать элементы, чтобы они помещались в ограниченном пространстве. 2
• Поддержка большинства браузеров. 2 Flexbox стабильно работает практически во всех современных браузерах, включая мобильные версии. 2