---
id: 5a94fe2669fb03452672e45e
title: Use grid-area Without Creating an Areas Template
challengeType: 0
videoUrl: ''
localeTitle: Использование сетки без создания шаблона областей
---
## Description
Свойство grid-area
вы узнали в последней задаче, можно использовать по-другому. Если в вашей сетке нет шаблона областей для ссылки, вы можете создать область «на лету» для элемента, который будет размещен следующим образом: item1 {сетка: 1/1/2/4; }
Это использует номера строк, которые вы узнали ранее, чтобы определить, где будет область для этого элемента. Цифры в приведенном выше примере представляют эти значения: grid-area: горизонтальная линия для начала / вертикальной линии для начала / горизонтальной линии до конца на / вертикальной линии до конца;
Таким образом, элемент в примере будет потреблять строки между строками 1 и 2 и столбцы между строками 1 и 4.
## Instructions
Используя свойство grid-area
, поместите элемент с классом item5
между третьей и четвертой горизонтальными линиями и между первой и четвертой вертикальными линиями.
## Tests
```yml
tests:
- text: Класс item5
должен иметь свойство grid-area
которое имеет значение 3/1/4/4
.
testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi), "item5
class should have a grid-area
property that has the value of 3/1/4/4
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```