edpibu/Web
edpibu
/
Web
Archived
1
Fork 0
Code Issues Pull Requests Releases 7 Activity

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
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/index.css
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;
}
}