---
id: 5a9036ee38fddaf9a66b5d35
title: Create a Column Gap Using grid-column-gap
localeTitle: Crear una brecha de columna usando grid-column-gap
challengeType: 0
videoUrl: ''
---
## Description
Hasta ahora, en las cuadrículas que has creado, las columnas han estado apretadas una contra la otra. A veces quieres un espacio entre las columnas. Para agregar un espacio entre las columnas, use la propiedad grid-column-gap
así:
grid-column-gap: 10px;
Esto crea 10 px de espacio vacío entre todas nuestras columnas.
## Instructions
Dé a las columnas en la cuadrícula un espacio de 20px
.
## Tests
```yml
tests:
- text: container
clase container
debe tener una propiedad grid-column-gap
que tenga el 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
var code = ".container {grid-column-gap: 20px;}"
```