better sizing

Author: rjoken

src/App.css

@@ -84,8 +84,10 @@ footer {
 }
 
 .game-container {
-  width: 640px;
-  height: 576px;
+  max-width: 800px;
+  max-height: 720px;
+  width: 100%;
+  height: 100%;
   border-radius: 0;
   overflow: hidden;
   box-shadow: none;
@@ -110,8 +112,10 @@ footer {
   align-items: center;
   justify-content: center;
   position: relative;
-  width: 640px;
-  height: 576px;
+  width: 100%;
+  height: 100%;
+  max-width: 800px;
+  max-height: 720px;
   margin: auto;
 }
 

src/game/config.ts

@@ -10,7 +10,7 @@ export const gameConfig: Phaser.Types.Core.GameConfig = {
   backgroundColor: "#9bbc0f",
   width: 160,
   height: 144,
-  zoom: 4,
+  zoom: 5,
   physics: {
     default: "arcade",
     arcade: {