В каких случаях используют Flex

Flexbox используется для создания гибких и адаптивных макетов, особенно когда нужно:

1. Распределение пространства – равномерное или пропорциональное заполнение доступного места между элементами.
2. Выравнивание – центрирование по вертикали/горизонтали или распределение вдоль оси.
3. Одномерные макеты – когда элементы должны располагаться в строке или колонке без сложных пересечений.
4. Динамические контейнеры – если размеры элементов неизвестны заранее или могут меняться.

Пример:

.container {
  display: flex;
  justify-content: space-between; /* распределение по оси */
  align-items: center; /* выравнивание поперек оси */
}
.item {
  flex: 1; /* гибкое заполнение пространства */
}