---
id: 5a9036ee38fddaf9a66b5d37
title: Add Gaps Faster with grid-gap
challengeType: 0
videoUrl: ''
localeTitle: Agregue espacios más rápido con la rejilla
---
## Description
grid-gap
es una propiedad abreviada de grid-row-gap
y grid-column-gap
de los dos desafíos anteriores que es más conveniente de usar. Si grid-gap
tiene un valor, creará un gap entre todas las filas y columnas. Sin embargo, si hay dos valores, utilizará el primero para establecer el espacio entre las filas y el segundo valor para las columnas.
## Instructions
Use grid-gap
para introducir un espacio de 10px
entre las filas y un espacio de 20px
entre las columnas.
## Tests
```yml
tests:
- text: container
clase container
debe tener una propiedad de grid-gap
que introduce 10px
espacio de 10px
entre las filas y un espacio de 20px
entre las columnas.
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
```