UPDATE

2026-03-12 22:56:33 +08:00
parent 4495ae0e28
commit 710852d8d0
9 changed files with 425 additions and 11 deletions
--- a/02-css-layout/09-grid-layout/starter.html
+++ b/02-css-layout/09-grid-layout/starter.html
@@ -4,7 +4,32 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Grid 布局</title>
-    <link rel="stylesheet" href="./starter.css" />
+    <style>
+      body{
+        background-color: aliceblue;
+        display: flex;
+        justify-content: center;
+      }
+      
+      .grid{
+        display: grid;
+        grid-template-columns: repeat(2,1fr);
+        column-gap: 10px;
+        row-gap: 20px;
+        padding-top: 150px;
+      }
+
+      .cell{
+        background-color: white;
+        border: 1px solid rgb(208, 228, 252);
+        border-radius: 20px;
+        text-align: center;
+        width: 300px;
+        padding-top: 25px;
+        padding-bottom: 25px;
+        font-weight: 700;
+      }
+    </style>
  </head>
  <body>
    <section class="grid">