Update style.css

style.css

@@ -9,13 +9,15 @@ body {
     background: linear-gradient(to bottom, #0f0f0f, #131313);
     font-family: 'Arial', sans-serif;
     color: white;
-    overflow: auto;
+    overflow-x: auto; /* Allow horizontal scroll */
+    overflow-y: hidden; /* Optional: Hide vertical scroll */
 }
 
 .game-container {
     position: relative;
-    width: 100vw;
-    height: 100vh;
+    width: 100vw; /* Full viewport width */
+    height: 100vh; /* Full viewport height */
+    min-width: 500px; /* Minimum width to ensure proper game visibility */
     display: flex;
     justify-content: center;
     align-items: center;
@@ -62,11 +64,11 @@ body {
     top: 20px;
     width: 100%;
     text-align: center;
-    font-size: 24px;  /* Sama dengan ukuran skor dan level */
+    font-size: 24px; /* Same as score and level font size */
 }
 
 .life {
     margin-right: 10px;
     color: red; /* Red hearts */
-    font-size: 24px;  /* Sama dengan ukuran skor dan level */
+    font-size: 24px; /* Same as score and level font size */
 }