Что такое CSS Flexbox?

Question

Accepted Answer

## Суть
**Flexbox** (`display: flex` / `inline-flex`) — одномерная модель раскладки: элементы выстраиваются в ряд или колонку и гибко делят свободное пространство.

## Главные свойства

```css
.row {
  display: flex;
  flex-direction: row;
  justify-content: space-between; /* главная ось */
  align-items: center;            /* поперечная ось */
  gap: 1rem;
}
.item { flex: 1 1 0; } /* grow shrink basis */
```

Контейнер задаёт направление и выравнивание; дети — `flex-grow` / `flex-shrink` / `flex-basis`, `align-self`, `order`.

## Итог
Flex — для навбаров, карточек в ряд, центрирования, «растянуть оставшееся место». Для двумерных сеток страницы чаще Grid, а Flex — внутри ячеек.