diff --git a/src/pages/demo/components/highlight/index.vue b/src/pages/demo/components/highlight/index.vue
index 737b17cd..ea77e68a 100644
--- a/src/pages/demo/components/highlight/index.vue
+++ b/src/pages/demo/components/highlight/index.vue
@@ -5,26 +5,18 @@
       <p slot="title">javascript</p>
       <d2-highlight :code="codeJavascript"/>
     </el-card>
-    <el-row :gutter="20">
-      <el-col :span="8">
-        <el-card shadow="never">
-          <p slot="title">css</p>
-          <d2-highlight :code="codeCSS"/>
-        </el-card>
-      </el-col>
-      <el-col :span="8">
-        <el-card shadow="never">
-          <p slot="title">scss</p>
-          <d2-highlight :code="codeSCSS"/>
-        </el-card>
-      </el-col>
-      <el-col :span="8">
-        <el-card shadow="never">
-          <p slot="title">html</p>
-          <d2-highlight :code="codeHTML"/>
-        </el-card>
-      </el-col>
-    </el-row>
+    <el-card shadow="never" class="d2-mb">
+      <p slot="title">css</p>
+      <d2-highlight :code="codeCSS"/>
+    </el-card>
+    <el-card shadow="never" class="d2-mb">
+      <p slot="title">scss</p>
+      <d2-highlight :code="codeSCSS"/>
+    </el-card>
+    <el-card shadow="never">
+      <p slot="title">html</p>
+      <d2-highlight :code="codeHTML"/>
+    </el-card>
   </d2-container>
 </template>