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;
}
@media screen and (min-width: 1024px) {
@media screen and ((min-width: 1024px) or (orientation: landscape)) {
.left, .right {
top: 0;
bottom: 0;
@ -83,8 +83,20 @@ footer a:active {
}
.left h1 {
font-size: 4rem;
text-align: right;
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;
}
}