---
id: 5a9036ee38fddaf9a66b5d37
title: Add Gaps Faster with grid-gap
challengeType: 0
videoUrl: ''
localeTitle: Добавление промежутков быстрее с grid-gap
---
## Description
grid-gap
- это сокращенное свойство для grid-row-gap
и grid-column-gap
из двух предыдущих упражнений, которое более удобно в использовании. Если grid-gap
имеет одно значение, это создаст разрыв между всеми строками и столбцами. Однако, если есть два значения, он будет использовать первое, чтобы установить разрыв между строками, и второе значение - между столбцами.
## Instructions
Используйте grid-gap
чтобы задать 10px
промежуток между строками и 20px
промежуток между столбцами.
## Tests
```yml
tests:
- text: класс container
должен иметь свойство grid-gap
которое устанавливает разрыв 10px
между строками и 20px
разрыв между столбцами.
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
```