---
id: 5a94fe8569fb03452672e464
title: Create Grids within Grids
challengeType: 0
videoUrl: ''
localeTitle: Criar grades dentro de grades
---
## Description
Transformar um elemento em uma grade afeta apenas o comportamento de seus descendentes diretos. Então, transformando um descendente direto em uma grade, você tem uma grade dentro de uma grade. Por exemplo, definindo as propriedades display
e grid-template-columns
do elemento com a classe item3
, você cria uma grade em sua grade.
## Instructions
Transforme o elemento com a classe item3
em uma grade com duas colunas com uma largura de auto
e 1fr
usando 1fr
display
e grid-template-columns
.
## Tests
```yml
tests:
- text: item3
classe item3
deve ter uma propriedade grid-template-columns
com auto
e 1fr
como valores.
testString: 'assert(code.match(/.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi), "item3
class should have a grid-template-columns
property with auto
and 1fr
as values.");'
- text: item3
classe item3
deve ter uma propriedade de display
com o valor da grid
.
testString: 'assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "item3
class should have a display
property with the value of grid
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```