Преимущества использования flex-контейнеров перед flex-элементами в Flexbox заключаются в том, что контейнер определяет, как будут располагаться, выравниваться и распределяться дочерние элементы. 2

Некоторые преимущества flex-контейнеров:

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