better board sizes V2

x-tr4ce · Dec 27, 2024 · ed9f8d3 · ed9f8d3
1 parent a1258da
commit ed9f8d3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/public/css/layout.css b/public/css/layout.css
@@ -26,7 +26,7 @@ div {
     align-items: center;
     display: flex;
     flex-direction: column;
-    gap: 1vw;
+    gap: -1vw;
 }
 
 .game-management {

diff --git a/public/css/variables.css b/public/css/variables.css
@@ -28,21 +28,21 @@
     --number-rows: 7;
 
     /* Sizes */
-    --board-size: 45vw; /* Default for desktop */
+    --board-size: 47vw; /* Default for desktop */
 
-    @media (max-width: 1024px) {
+    @media (max-width: 1280px) {
         /* For tablets */
-        --board-size: 70vw;
+        --board-size: 60vw;
 
     }
 
-    @media (max-width: 768px) {
+    @media (max-width: 1024px) {
         /* For small tablets or large phones */
-        --board-size: 80vw;
+        --board-size: 85vw;
 
     }
 
-    @media (max-width: 480px) {
+    @media (max-width: 768px) {
         /* For mobile */
         --board-size: 90vw;