Что такое flexbox

Flexbox — это CSS-модуль для создания гибких макетов, позволяющий легко выравнивать и распределять элементы внутри контейнера. Основные преимущества:

• Управление направлением (горизонтально/вертикально) через flex-direction.
• Выравнивание по осям (justify-content, align-items).
• Гибкое изменение размеров элементов (flex-grow, flex-shrink).

Пример:

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

Где использовать:

• Навигационные панели.
• Карточки товаров.
• Вертикальное центрирование.

Не подходит для сложных сеток (лучше CSS Grid).