diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md
index 5b32b8fa3c..77fd74e0d6 100644
--- a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md
@@ -3,11 +3,11 @@ id: 5a94fe7769fb03452672e463
title: Use Media Queries to Create Responsive Layouts
challengeType: 0
videoUrl: ''
-localeTitle: 使用媒体查询创建响应布局
+localeTitle: 使用media queries创建响应式布局
---
## Description
-通过使用媒体查询重新排列网格区域,更改网格的尺寸以及重新排列项目的位置,CSS Grid可以轻松地使您的网站更具响应性。在预览中,当视口宽度为300px或更大时,列数从1变为2.广告区域然后完全占据左列。
+您可以使用CSS Grid的media queries来使您的网站布局具有响应式的特征。media queries可以用于重新排列网格区域,更改网格尺寸的大小以及重新排列项目。在预览中,当视口宽度为300px或更大时,网格列数将会从1变为2.然后广告区域会完全占据左列。
## Instructions
当视口宽度为400px
或更大时,使标题区域完全占据顶行,页脚区域完全占据底行。