grid-area: именованные зоны header–main–footer

Свойство grid-area: main привязывает элемент к имени из grid-template-areas — меньше магических координат grid-column: 1 / 3.

Один и тот же класс .site-main работает при смене карты зон на мобильном через media query.

- [grid-area — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) — Сокращение row/column area.

- [grid-template-areas — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas) — Карта зон.

---

## Доступность

Порядок в DOM не обязан совпадать с визуальным — не переставляйте фокус tab order только CSS-ом.