better mobile formatting again

This commit is contained in:
2026-08-03 15:15:59 -05:00
parent 860936c165
commit 1b669a4b53
+2 -6
View File
@@ -83,13 +83,11 @@
} }
.title { .title {
display: flex;
font-weight: bold; font-weight: bold;
font-size: 2rem; font-size: 2rem;
} }
#title-container { #title-container {
display: flex;
justify-self: center; justify-self: center;
justify-content: center; justify-content: center;
flex-direction: row; flex-direction: row;
@@ -114,7 +112,6 @@
} }
#game-modes { #game-modes {
display: flex;
} }
.button-container { .button-container {
@@ -157,10 +154,10 @@
padding: .75rem .25rem; padding: .75rem .25rem;
} }
#frame { #frame {
width: 100%; width: 90%;
} }
#text-container { #text-container {
margin: 1.25rem; margin-top: 1.25rem;
} }
#game-modes { #game-modes {
gap: .5rem; gap: .5rem;
@@ -175,7 +172,6 @@
</style> </style>
</head> </head>
<body> <body>
<!-- where the targets + bullseye are drawn --> <!-- where the targets + bullseye are drawn -->
<div id="frame"> <div id="frame">
</div> </div>