Merge pull request #154 from peter-jerry-ye/fix-snake

fix: css
moonbitlang · Feb 6, 2024 · d590573 · d590573
2 parents 657003a + 422af21
commit d590573
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 18 deletions.
diff --git a/examples/snake/index.html b/examples/snake/index.html
@@ -1,17 +1,16 @@
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
-    <div class="container">
-    </div>
     <canvas id="canvas"></canvas>
     <div class="information">
       <div>
-        <p>up: go up</p>
-        <p>left: go left</p>
-        <p>right: go right</p>
-        <p>down: go down</p>
+        <p><kbd>up</kbd>: go up</p>
+        <p><kbd>left</kbd>: go left</p>
+        <p><kbd>right</kbd>: go right</p>
+        <p><kbd>down</kbd>: go down</p>
       </div>
     </div>
   </body>

diff --git a/examples/snake/lib/moon.pkg.json b/examples/snake/lib/moon.pkg.json
@@ -1,3 +1 @@
-{
-    "name": "lib"
-}
+{ }
diff --git a/examples/snake/style.css b/examples/snake/style.css
@@ -1,21 +1,14 @@
 body {
     margin: 0;
-    width: 100%;
-    height: 100vh;
-    display: flex;
+    display: grid;
     align-items: center;
     justify-content: center;
+    margin-top: 10vh;
 
     background-color: rgb(54, 44, 44);
     background-position: center;
   }
 
-  .container {
-    display: flex;
-    flex-direction: column;
-    margin-right: 5rem;
-  }
-
   canvas {
     border: 2px solid rgb(109, 109, 109);
   }