title: Use grid-area Without Creating an Areas Template
challengeType: 0
videoUrl: ''
localeTitle: Использование сетки без создания шаблона областей
---
## Description
<sectionid="description"> Свойство <code>grid-area</code> вы узнали в последней задаче, можно использовать по-другому. Если в вашей сетке нет шаблона областей для ссылки, вы можете создать область «на лету» для элемента, который будет размещен следующим образом: <blockquote> item1 {сетка: 1/1/2/4; } </blockquote> Это использует номера строк, которые вы узнали ранее, чтобы определить, где будет область для этого элемента. Цифры в приведенном выше примере представляют эти значения: <blockquote> grid-area: горизонтальная линия для начала / вертикальной линии для начала / горизонтальной линии до конца на / вертикальной линии до конца; </blockquote> Таким образом, элемент в примере будет потреблять строки между строками 1 и 2 и столбцы между строками 1 и 4. </section>
## Instructions
<sectionid="instructions"> Используя свойство <code>grid-area</code> , поместите элемент с классом <code>item5</code> между третьей и четвертой горизонтальными линиями и между первой и четвертой вертикальными линиями. </section>
- text: Класс <code>item5</code> должен иметь свойство <code>grid-area</code> так, чтобы оно находилось между третьей и четвертой горизонтальными линиями и между первой и четвертой вертикальными линиями.
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), "Класс <code>item5</code> должен иметь свойство <code>grid-area</code> так, чтобы оно находилось между третьей и четвертой горизонтальными линиями и между первой и четвертой вертикальными линиями.");'