---
id: 5a9036ee38fddaf9a66b5d37
title: Add Gaps Faster with grid-gap
challengeType: 0
videoUrl: ''
localeTitle: Adicionar intervalos mais rápidos com lacuna de grade
---
## Description
grid-gap
é uma propriedade abreviada para grid-row-gap
e grid-column-gap
dos dois desafios anteriores que é mais conveniente de usar. Se grid-gap
tiver um valor, ele criará uma lacuna entre todas as linhas e colunas. No entanto, se houver dois valores, ele usará o primeiro para definir o intervalo entre as linhas e o segundo valor para as colunas.
## Instructions
Use o grid-gap
para introduzir um intervalo de 10px
entre as linhas e um intervalo de 20px
entre as colunas.
## Tests
```yml
tests:
- text: container
classe container
deve ter uma propriedade grid-gap
que introduz 10px
entre as linhas e 20px
entre as colunas.
testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi), "container
class should have a grid-gap
property that introduces 10px
gap between the rows and 20px
gap between the columns.");'
```
## Challenge Seed
## Solution
```js
// solution required
```