better mobile formatting again

2026-08-03 15:15:59 -05:00
parent 860936c165
commit 1b669a4b53
1 changed files with 2 additions and 6 deletions
@@ -83,13 +83,11 @@
            }

            .title {
-              display: flex;
              font-weight: bold;
              font-size: 2rem;
            }

            #title-container {
-              display: flex;
              justify-self: center;
              justify-content: center;
              flex-direction: row;
@@ -114,7 +112,6 @@
            }

            #game-modes {
-              display: flex;
            }

            .button-container {
@@ -157,10 +154,10 @@
                padding: .75rem .25rem;
              }
              #frame {
-                width: 100%;
+                width: 90%;
              }
              #text-container {
-                margin: 1.25rem;
+                margin-top: 1.25rem;
              }
              #game-modes {
                gap: .5rem;
@@ -175,7 +172,6 @@
        </style>
    </head>
    <body>
-
        <!-- where the targets + bullseye are drawn -->
        <div id="frame">
        </div>