mirror of
https://github.com/BradNut/boredgame
synced 2025-09-08 17:40:22 +00:00
Fix game image mobile.
This commit is contained in:
parent
79af851c18
commit
f194a0c671
1 changed files with 4 additions and 13 deletions
|
|
@ -127,13 +127,6 @@
|
|||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 500px;
|
||||
@media (max-width: 450px) {
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -147,7 +140,6 @@
|
|||
|
||||
.game {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 2rem;
|
||||
margin: 1rem;
|
||||
place-items: center;
|
||||
|
|
@ -160,18 +152,17 @@
|
|||
|
||||
.details {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 0.5rem;
|
||||
align-content: center;
|
||||
justify-content: start;
|
||||
place-content: center;
|
||||
margin: 1rem;
|
||||
a,
|
||||
p {
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
place-content: center;
|
||||
@media (max-width: 480px) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue