Модуль Flexbox Layout (Гибкая коробка) направлен на обеспечение более эффективного способа размещения, выравнивания и распределения пространства между элементами в контейнере, даже если их размер неизвестен и / или динамичен (отсюда и слово “гибкий”).
Основная идея гибкой компоновки заключается в том, чтобы предоставить контейнеру возможность изменять ширину / высоту своих элементов (и порядок их расположения), чтобы наилучшим образом заполнить доступное пространство (в основном для размещения на всех типах устройств отображения и размерах экрана). Гибкий контейнер расширяет элементы, чтобы заполнить доступное свободное пространство, или сжимает их, чтобы предотвратить переполнение.
Самое главное, что макет flexbox не зависит от направления, в отличие от обычных макетов. Хотя они хорошо работают для страниц, им не хватает гибкости (не хочу каламбурить) для поддержки больших или сложных приложений (особенно когда дело доходит до изменения ориентации, размера, растяжения, сжатия и т.д.).
Примечание: Макет Flexbox наиболее подходит для компонентов приложения и мелкомасштабных макетов, в то время как макет Grid предназначен для макетов большего масштаба.