Каковы базовые концепции Flexbox по документации MDN?

Question

Accepted Answer

## Базовые идеи Flexbox

Flex-контейнер создаёт **flex formatting context**. Items располагаются вдоль main axis (`flex-direction`: `row` / `column` и reverse).

Важные свойства контейнера: `justify-content`, `align-items`, `flex-wrap`, `gap`. У items — `flex`, `align-self`, `order`.

Flex решает распределение свободного пространства и выравнивание без float-хаков.

```css
.container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
```

## Итог

Сначала ось и выравнивание контейнера, затем гибкость отдельных items через `flex`.