improve css logic for small screens
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Late Night Defender 2024-11-09 06:14:30 +07:00
parent 56a1a59e7c
commit a3bbeeb88c

View file

@ -236,17 +236,12 @@ h1 {margin-top: 3vh;}
/* For tablet screens */ /* For tablet screens */
@media only screen and (max-width: 1366px) { @media only screen and (max-width: 1366px) {
.middle-large { .middle-large {width: 90vw;}
grid-area: middle;
width: 90vw;
max-width: 35cm;
}
} }
/* For phone screens */ /* For phone screens */
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
h1 {margin-top: 8vh;} .middle-large {margin-top: 1cm;}
.banner {margin-top: 1cm;}
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {