add media breaks

This commit is contained in:
madarsbiss 2021-07-21 13:21:01 +03:00
parent 04583743dd
commit 271b4d8ce6
2 changed files with 19 additions and 1 deletions

View File

@ -77,5 +77,24 @@
.wrapper {
display: grid;
grid-template-columns: 1fr;
max-width: 600px;
margin: 20px auto;
}
}
@media only screen and (max-width: 600px) {
.wrapper {
margin: 0 auto;
border-radius: 0;
}
.statsBox {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 475px) {
.statsBox {
grid-template-columns: 1fr;
}
}

View File

@ -24,7 +24,6 @@ body {
@media only screen and (max-width: 950px) {
html,
body {
min-height: 100vh;
display: block;
}
}