---
id: 5a858944d96184f06fd60d61
title: Create Your First CSS Grid
challengeType: 0
videoUrl: 'https://scrimba.com/p/pByETK/cqwREC4'
---
## Description
Turn any HTML element into a grid container by setting its display
property to grid
. This gives you the ability to use all the other properties associated with CSS Grid.
Note
In CSS Grid, the parent element is referred to as the container and its children are called items.
## Instructions
Change the display of the div with the container
class to grid
.
## Tests
```yml
tests:
- text: container
class should have a display
property with a value of grid
.
testString: assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), 'container
class should have a display
property with a value of grid
.');
```
## Challenge Seed
## Solution
```js
var code = ".container {display: grid;}"
```