Divide the Grid Into an Area Template

Вы можете группировать ячейки вашей сетки вместе в область и присваивать области свое имя. Сделайте это, используя области grid-template-areas в контейнере следующим образом:

Сетка-шаблон-направления:
"заголовок заголовка заголовка"
«контент содержания рекламы»
«нижний колонтитул нижнего колонтитула»;
Приведенный выше код объединяет три верхние ячейки вместе в header , нижние три ячейки в область нижнего footer , и он делает две области в средней строке; advert и content . Заметка
Каждое слово в коде представляет собой ячейку, и каждая пара кавычек представляет собой строку. В дополнение к пользовательским ярлыкам вы можете использовать период ( . ) Для обозначения пустой ячейки в сетке.

Поместите шаблон области так, чтобы ячейка, помеченная advert стала пустой ячейкой.