grid-template-areas задаёт карту секций строками в CSS — на мобильном меняете одну grid-template-areas, а не порядок DOM.
Удобно для маркетинговых страниц с повторяющимся шаблоном.
- [grid-template-areas — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas) — Синтаксис имён зон.
- [Grid template areas — web.dev](https://web.dev/learn/css/grid/template-areas) — Адаптивные примеры.
---
## Доступность
Порядок в DOM должен соответствовать смыслу чтения — areas не исправляют плохую разметку для screen reader.