attempts for better mobile spacing

quickdraw-game.html

@@ -83,14 +83,15 @@
             }
 
             .title {
+              display: flex;
               font-weight: bold;
               font-size: 2rem;
             }
 
             #title-container {
+              display: flex;
               justify-self: center;
               justify-content: center;
-              display: flex;
               flex-direction: row;
               width: 100%;
               gap: 1rem;
@@ -112,6 +113,10 @@
                 margin-top: 2rem;
             }
 
+            #game-modes {
+              display: flex;
+            }
+
             .button-container {
               /** display: flex; */
               align-content: center;
@@ -154,6 +159,9 @@
               #frame {
                 width: 100%;
               }
+              #text-container {
+                margin: 1.25rem;
+              }
               #game-modes {
                 gap: .5rem;
               }