* Even more responsive!

front/volume/src/components/NavBar.svelte

@@ -82,6 +82,7 @@
     align-items: center;
     background-color: #f5f5f5;
     padding: 1rem;
+    max-height: 5vh;
   }
 
   .navigation-bar ul {
@@ -118,6 +119,7 @@
       flex-direction: column;
       align-items: stretch;
       padding: 0;
+      max-height: none;
     }
 
     .navigation-bar ul {

front/volume/src/components/Pong/GameComponent.svelte

@@ -49,8 +49,8 @@
   }
 
   .renderCanvas {
-    max-width: 60vw;
     width: 100%;
+    max-height: 70vh;
     height: auto;
     padding-left: 0;
     padding-right: 0;
@@ -58,5 +58,6 @@
     margin-right: auto;
     display: block;
     touch-action: none;
+    object-fit: contain;
   }
 </style>