Better article rendering style on small screens

This commit is contained in:
Fabio Manganiello 2022-06-14 00:33:47 +02:00
parent 31e1db359d
commit 696547ac48
2 changed files with 18 additions and 1 deletions

View file

@ -16,6 +16,12 @@ main .content code, .codehilite {
font-size: .85em; font-size: .85em;
} }
@media screen and (max-width: 767px) {
main {
font-size: 0.9em;
}
}
a:hover { a:hover {
opacity: 0.7; opacity: 0.7;
} }

View file

@ -95,7 +95,18 @@ main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
}
@media screen and (max-width: 767px) {
main {
padding: 0 0.75em;
}
}
@media screen and (min-width: 768px) {
main {
padding: 0 2em; padding: 0 2em;
}
} }
h1 { h1 {