update

monky6503 · Jun 25, 2024 · f7135e7 · f7135e7
1 parent d4bd218
commit f7135e7
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 5 deletions.
diff --git a/color.scss b/color.scss
@@ -27,8 +27,8 @@ main{
       background-clip: text;
     }
     .grid-box{
-      width: 580px;
-      height: 580px;
+      width: 570px;
+      height: 570px;
       background-color: white;
       display:none;
       border:5px solid white;
@@ -63,4 +63,23 @@ main{
       font-size:20px;
     }
   }
+}
+
+
+@media(max-width:576px){
+  main{
+    .container{
+      h1{
+        font-size:40px;
+
+      }
+      .grid-box{
+        width: 100vw;
+        height: auto;
+        aspect-ratio: 1/1;
+
+
+      }
+    }
+  }
 }
diff --git a/css/color.css b/css/color.css
@@ -29,8 +29,8 @@ main .container h1 {
           background-clip: text;
 }
 main .container .grid-box {
-  width: 580px;
-  height: 580px;
+  width: 570px;
+  height: 570px;
   background-color: white;
   display: none;
   border: 5px solid white;
@@ -59,4 +59,15 @@ main .container .game-over {
 }
 main .container .timer, main .container .score {
   font-size: 20px;
+}
+
+@media (max-width: 576px) {
+  main .container h1 {
+    font-size: 40px;
+  }
+  main .container .grid-box {
+    width: 100vw;
+    height: auto;
+    aspect-ratio: 1/1;
+  }
 }/*# sourceMappingURL=color.css.map */
diff --git a/css/color.css.map b/css/color.css.map