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 */
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.middle-large {
|
||||
grid-area: middle;
|
||||
width: 90vw;
|
||||
max-width: 35cm;
|
||||
}
|
||||
.middle-large {width: 90vw;}
|
||||
}
|
||||
|
||||
/* For phone screens */
|
||||
@media only screen and (max-width: 750px) {
|
||||
h1 {margin-top: 8vh;}
|
||||
.banner {margin-top: 1cm;}
|
||||
.middle-large {margin-top: 1cm;}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
|
|
Loading…
Reference in a new issue