Сетка: колонки, доли и макет словами
колонки
areas
grid-template-columns
repeat(3, 1fr)
1fr 2fr 1fr
200px 1fr
auto-fit
grid-template-rows
auto
repeat(2, 1fr)
80px 1fr
gap
14px
элементов
6
ширина контейнера
100%
grid-template-areas
"hd hd hd" "nav main aside" "ft ft ft"
grid-template-columns
grid-template-rows