better mobile formatting again
This commit is contained in:
+2
-6
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user