Что такое grid layout?

Question

Accepted Answer

## Базовая идея
**CSS Grid Layout** — модуль двумерной раскладки: контейнер задаёт колонки и строки, дети занимают ячейки или области.

## Минимум API

```css
.page {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: auto 1fr auto;
  gap: 1rem;
}
.header { grid-column: 1 / -1; }
```

Единицы `fr`, функции `repeat`, `minmax`, выравнивание `justify-items`/`align-items`. Отличие от старых «сеток» на float — полноценный стандартный механизм.

## Итог
Grid layout — нативная 2D-сетка в CSS. Основа современных page layout без фреймворков-сеток.