---
id: 5a94fe1369fb03452672e45d
title: Place Items in Grid Areas Using the grid-area Property
challengeType: 0
videoUrl: ''
localeTitle: Поместите объекты в области сетки Используя свойство сетки
---
## Description
После создания шаблона областей для вашего контейнера сетки, как показано в предыдущем вызове, вы можете поместить элемент в свою настраиваемую область, указав имя, которое вы ему дали. Для этого вы используете свойство grid-area
для элемента, подобного этому: .item1 {grid-area: header; }
Это позволяет сетке знать, что вы хотите, чтобы класс item1
находился в header
. В этом случае элемент будет использовать всю верхнюю строку, потому что целая строка называется зоной заголовка.
## Instructions
Поместите элемент с классом item5
в область item5
footer
используя свойство grid-area
.
## Tests
```yml
tests:
- text: Класс item5
должен иметь свойство grid-area
которое имеет значение item5
footer
.
testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi), "item5
class should have a grid-area
property that has the value of footer
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```