---
id: 5a9036ee38fddaf9a66b5d35
title: Create a Column Gap Using grid-column-gap
challengeType: 0
videoUrl: ''
localeTitle: Criar uma lacuna de coluna usando a lacuna da coluna de grade
---
## Description
Até agora, nas grades que você criou, as colunas foram todas apertadas umas contra as outras. Às vezes você quer uma lacuna entre as colunas. Para adicionar uma lacuna entre as colunas, use a propriedade grid-column-gap
seguinte forma: intervalo de coluna de grade: 10px;
Isso cria 10px de espaço vazio entre todas as nossas colunas.
## Instructions
Dê as colunas na grade uma lacuna de 20px
.
## Tests
```yml
tests:
- text: container
classe container
deve ter uma propriedade grid-column-gap
que tenha o valor de 20px
.
testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi), "container
class should have a grid-column-gap
property that has the value of 20px
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```