Fix game image mobile.

This commit is contained in:
Bradley Shellnut 2022-10-30 19:56:21 -05:00
parent 79af851c18
commit f194a0c671

View file

@ -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;
} }
} }