fix: adjust css styles for better display on small screens

spik3s · Jan 13, 2025 · c0ffcc6 · c0ffcc6
1 parent 08b9ed0
commit c0ffcc6
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/styles.css b/styles.css
@@ -8,8 +8,7 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 100vh;
-    margin: 0;
+    /*height: 100vh;*/
     background-color: #f0f0f0;
     margin: 0;
     padding: 0;
@@ -28,10 +27,7 @@ body {
 
 @media screen and (max-width: 800px), screen and (max-height: 600px) {
     .container {
-        transform: scale(calc(min(
-            100vw / var(--app-width),
-            100vh / var(--app-height)
-        )));
+        transform: scale(0.5);
     }
 }