fix: additional styles to improve the scaling on small screens

spik3s · Jan 13, 2025 · 4439f24 · 4439f24
1 parent 151f9fa
commit 4439f24
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/styles.css b/styles.css
@@ -1,6 +1,6 @@
 :root {
     --app-width: 800px;  /* Base width of the app */
-    --app-height: 600px; /* Base height of the app */
+    --app-height: 800px; /* Base height of the app */
 }
 
 body {
@@ -14,7 +14,7 @@ body {
     margin: 0;
     padding: 0;
     min-height: 100vh;
-    overflow: hidden;
+   /* overflow: hidden;*/
 }
 
 .container {
@@ -24,6 +24,7 @@ body {
     width: var(--app-width);
     height: var(--app-height);
     transform-origin: center center;
+    justify-content: flex-end;
 }
 
 @media screen and (max-width: 800px), screen and (max-height: 600px) {