Какие плюсы и минусы flex

Плюсы:

• Простота в использовании для выравнивания элементов по горизонтали/вертикали
• Гибкость в управлении пространством между элементами (gap, justify-content)
• Автоматическое растягивание/сжатие элементов (flex-grow/flex-shrink)
• Поддержка во всех современных браузерах
• Не требует float или сложных расчетов для сеток

Минусы:

• Не всегда предсказуемое поведение при вложенных flex-контейнерах
• Ограниченная поддержка в очень старых браузерах (IE10-)
• Сложности с переносом элементов в многострочных контейнерах (нужен flex-wrap)
• Может быть избыточным для простых выравниваний

.container {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}