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;
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 500px;
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
max-width: 300px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
button {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
@ -147,7 +140,6 @@
|
||||||
|
|
||||||
.game {
|
.game {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: auto 1fr;
|
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
place-items: center;
|
place-items: center;
|
||||||
|
|
@ -160,18 +152,17 @@
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
align-content: center;
|
place-content: center;
|
||||||
justify-content: start;
|
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
a,
|
a,
|
||||||
p {
|
p {
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 650px) {
|
@media (max-width: 480px) {
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr;
|
||||||
place-content: center;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue