Update index.html

index.html

@@ -21,22 +21,18 @@
             font-family: 'RetroArcade', monospace;
         }
         #tv-frame {
-            position: relative;
-            width: 1000px;
-            height: 737.5px; /* Maintains aspect ratio: 1000 * (590/800) */
-            background: url('/assets/tv.png') no-repeat center;
-            background-size: contain;
+          position: relative;
+          width: 100%;
+          height: 500px;
+          background: url(assets/tv.png) no-repeat center;
+          background-size: contain;
         }
         #game-container {
-            position: absolute;
-            /* Screen area inside the TV frame - 298x224 canvas (256 + 42px borders) */
-            /* Scaled up by 1.25x (1000/800) to match TV frame increase */
-            /* 298 * 2.485 = 740.73px width */
-            width: 741px;
-            height: 556.25px;
-            /* Move 6px left from center: (1000 - 741) / 2 = 129.5, then 129.5 - 6 = 123.5 */
-            left: 118px;
-            top: 73.75px;
+          position: absolute;
+          width: 512px;
+          height: 390.25px;
+          left: 200px;
+          top: 46.75px;
         }
         #game-container canvas {
             image-rendering: -moz-crisp-edges;