freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-your-first-css-grid.md

---
id: 5a858944d96184f06fd60d61
title: 创建你的第一个 CSS 网格
challengeType: 0
videoUrl: 'https://scrimba.com/p/pByETK/cqwREC4'
forumTopicId: 301129
---

# --description--

通过将属性 `display` 的值设为 `grid`，HTML 元素就可以变为网格容器。通过前面的操作，你可以对该容器使用与 CSS 网格（CSS Grid）相关的属性。

**注意：**在 CSS 网格中，父元素称为<dfn>容器（container）</dfn>，它的子元素称为<dfn>项（items）</dfn>。

# --instructions--

请将 class 为 `container` 的 `div` 的 `display` 属性值设置为 `grid`。

# --hints--

class 为 `container` 的 `div` 元素应具有 `display` 属性且属性值应为 `grid`。

```js
assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
```

# --solutions--