From d96f5562a34da8b64ef7b2070cc4680ea2a5df16 Mon Sep 17 00:00:00 2001
From: Picklebunker <44532916+Picklebunker@users.noreply.github.com>
Date: Mon, 6 May 2019 20:54:30 -0400
Subject: [PATCH] Updated grammar and term consistency (#30694)
---
...nits-to-change-the-size-of-columns-and-rows.chinese.md | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md
index 6ecf283c26..8f0fce3f4e 100644
--- a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md
@@ -3,11 +3,15 @@ id: 5a9036ee38fddaf9a66b5d34
title: Use CSS Grid units to Change the Size of Columns and Rows
challengeType: 0
videoUrl: ''
-localeTitle: 使用CSS网格单位更改列和行的大小
+localeTitle: 使用CSS网格单位更改网格列和网格行的大小
---
## Description
-您可以在CSS Grid中使用绝对和相对单位(如px
和em
来定义行和列的大小。您也可以使用这些: fr
:将列或行设置为可用空间的一小部分, auto
: auto
将列或行设置为其内容的宽度或高度, %
:将列或行调整为百分比宽度它的容器。这是在预览中生成输出的代码: grid-template-columns:auto 50px 10%2fr 1fr;
此代码段创建了五列。第一列与其内容一样宽,第二列是50px,第三列是其容器的10%,最后两列;剩下的空间分为三个部分,两个分配给第四列,一个分配给第五个。
+您可以在CSS Grid中使用绝对性和相对性的单位(列如px
和em
)来定义网格行和网格列的大小。您也可以使用这些:
+fr
:将网格列或网格行设置为可用空间的一小部分
+auto
:将网格列或网格行设置为其内容的宽度或高度
+%
:将网格列或网格行调整为对应它的容器高宽度的百分比。
+这是输出下面预览的代码: grid-template-columns:auto 50px 10%2fr 1fr;
此代码段创建了五个网格列。第一个网格列与其内容一样宽,第二个网格列是50px,第三个网格列是其容器的10%。到最后两个网格列时,剩下的空间被分为三个部分,两个部分配给第四个网格列,一个部分配配给第五个网格列。
## Instructions
创建一个包含三列的网格,其宽度如下:1fr,100px和2fr。