---
id: 5a9036ee38fddaf9a66b5d36
title: Create a Row Gap using grid-row-gap
challengeType: 0
videoUrl: 'https://scrimba.com/p/pByETK/cPbJ2Cv'
---
## Description
You can add a gap in between the rows of a grid using grid-row-gap
in the same way that you added a gap in between columns in the previous challenge.
## Instructions
Create a gap for the rows that is 5px
tall.
## Tests
```yml
tests:
- text: container
class should have a grid-row-gap
property that has the value of 5px
.
testString: assert(code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi), 'container
class should have a grid-row-gap
property that has the value of 5px
.');
```
## Challenge Seed
## Solution
```js
var code = ".container {grid-row-gap: 5px;}"
```