Для чего использовал Flex

Flexbox (Flexible Box Layout) используется для создания гибких и адаптивных макетов. Основные преимущества:

• Выравнивание элементов по горизонтали (justify-content) и вертикали (align-items).
• Распределение пространства между элементами (flex-grow, flex-shrink).
• Изменение порядка элементов (order).
• Адаптивность без сложных вычислений.

Пример:

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item {
  flex: 1; /* Равномерное распределение */
}

Идеально подходит для навигационных панелей, карточек, центрирования контента.