Когда лучше использовать flex

Flexbox идеально подходит для одномерного макета – когда нужно выровнять элементы по горизонтали или вертикали. Основные кейсы:

1. Гибкие контейнеры – если нужно, чтобы элементы динамически занимали доступное пространство
2. Выравнивание – простой способ центрировать элементы (и по вертикали, и по горизонтали)
3. Распределение пространства – равномерное распределение или заполнение пустого места
4. Порядок элементов – возможность менять порядок через order без изменения HTML

Пример центрирования:

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

Не используйте flex для сложных двумерных макетов (лучше grid) или когда важна поддержка очень старых браузеров.