--- 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á una brecha 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
Usa grid-gap para introducir un espacio de 10px entre las filas y un espacio de 20px entre las columnas.
## Tests
```yml tests: - text: container La 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
```html
1
2
3
4
5
```
## Solution
```js // solution required ```