После создания шаблона областей для вашего контейнера сетки, как показано в предыдущем вызове, вы можете поместить элемент в свою настраиваемую область, указав имя, которое вы ему дали. Для этого вы используете свойство grid-area для элемента, подобного этому:
.item1 {grid-area: header; }Это позволяет сетке знать, что вы хотите, чтобы класс
item1 находился в header . В этом случае элемент будет использовать всю верхнюю строку, потому что целая строка называется зоной заголовка.Поместите элемент с классом item5 в область item5 footer используя свойство grid-area .