improve css logic for small screens
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
56a1a59e7c
commit
a3bbeeb88c
1 changed files with 2 additions and 7 deletions
|
@ -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) {
|
||||||
|
|
Loading…
Reference in a new issue