---
id: 5a94fe2669fb03452672e45e
title: Use grid-area Without Creating an Areas Template
challengeType: 0
videoUrl: ''
localeTitle: Usar área de grade sem criar um modelo de áreas
---
## Description
A propriedade de grid-area
você aprendeu no último desafio pode ser usada de outra maneira. Se sua grade não tiver um modelo de áreas para referência, você pode criar uma área em tempo real para que um item seja colocado assim: item1 {grid-area: 1/1/2/4; }
Isso está usando os números de linha que você aprendeu anteriormente para definir onde a área para este item será. Os números no exemplo acima representam esses valores: área de grade: linha horizontal para iniciar em / linha vertical para iniciar em / linha horizontal para terminar em / linha vertical para terminar em;
Assim, o item no exemplo consumirá as linhas entre as linhas 1 e 2 e as colunas entre as linhas 1 e 4.
## Instructions
Usando a propriedade grid-area
, coloque o elemento com a classe item5
entre a terceira e a quarta linhas horizontais e entre a primeira e a quarta linhas verticais.
## Tests
```yml
tests:
- text: item5
classe item5
deve ter uma propriedade de grid-area
que tenha o valor de 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
```