Added support for small landscape screens

This commit is contained in:
Edgar P. Burkhart 2020-12-22 08:56:46 +01:00
parent 7f24ed8362
commit c62f080665
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227

View file

@ -68,7 +68,7 @@ footer a:active {
color: #ffffffde; color: #ffffffde;
} }
@media screen and (min-width: 1024px) { @media screen and ((min-width: 1024px) or (orientation: landscape)) {
.left, .right { .left, .right {
top: 0; top: 0;
bottom: 0; bottom: 0;
@ -83,8 +83,20 @@ footer a:active {
} }
.left h1 { .left h1 {
font-size: 4rem;
text-align: right; text-align: right;
padding-right: 1em; padding-right: 1em;
} }
}
@media screen and (min-width: 1024px) {
.left h1 {
font-size: 4rem;
}
}
@media screen and ((max-width: 700px) and (orientation: landscape)) {
.left h1 {
font-size: 2rem;
padding-right: .5em;
}
} }