Files
freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md

865 B

id, title, challengeType, videoUrl, forumTopicId
id title challengeType videoUrl forumTopicId
5a9036ee38fddaf9a66b5d37 使用 grid-gap 为网格添加间距 0 https://scrimba.com/p/pByETK/ca2qVtv 1301118

--description--

grid-gap属性是前两个挑战中的grid-row-gap属性和grid-column-gap属性的简写,它更方便使用。如果grid-gap只有一个值,那么这个值表示行与行之间、列与列之间的间距。如果grid-gap有两个值,那么第一个值表示行间距,第二个值表示列间距。

--instructions--

使用grid-gap属性设置行间距为10px,设置列间距为20px

--hints--

container类应该有grid-gap属性,在行之间设置10px的间距,在列之间设置20px的间距。

assert(
  code.match(
    /.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi
  )
);

--solutions--