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