test

gameboard-easy.html

@@ -9,7 +9,8 @@
 html, body {
   margin: 0;
   height: 100%;
-  overflow: hidden; 
+  overflow-x: hidden; 
+  overflow-y: auto;
   font-family: "Poppins", sans-serif;
 }
 
@@ -73,6 +74,7 @@ body {
   width: 100%;
   height: 100%;
   perspective: 1000px;
+  max-height: 160px;
   cursor: pointer;
 }
 
@@ -226,18 +228,18 @@ body {
   to { opacity:1; transform: scale(1); }
 }
 
-@media (max-width: 900px) {
+@media (max-width: 700px) {
   .gameboard {
     grid-template-columns: repeat(3, 1fr);
-    padding: 20px;
-    gap: 12px;
+    padding: 12px;
+    gap: 10px;
   }
 }
 
-@media (max-width: 600px) {
+@media (max-width: 700px) {
   .gameboard {
     grid-template-columns: repeat(2, 1fr);
-    padding: 14px;
+    padding: 12px;
     gap: 10px;
   }
 }