Some optimisations for smaller screens, less basic but user friendlier, i guess it's an somewhat okay-ish compromise

This commit is contained in:
Vrifox 2021-05-30 10:45:46 +02:00
parent 5b390eb273
commit 6193b2112e
Signed by: vrifox
GPG key ID: D40098E5B60B2197

View file

@ -83,10 +83,11 @@ hr {
header, footer { header, footer {
align-items: center; align-items: center;
display: flex; display: flex;
flex-wrap: wrap;
margin: 0 auto; margin: 0 auto;
max-width: 1140px; max-width: 1140px;
min-height: 64px; min-height: 64px;
overflow: scroll;
white-space: nowrap;
width: 100%; width: 100%;
a { a {
color: var(--text); color: var(--text);
@ -107,7 +108,6 @@ header {
} }
nav { nav {
display: flex; display: flex;
flex-wrap: wrap;
} }
} }
footer { footer {
@ -137,3 +137,9 @@ p.date-published {
font-size: smaller; font-size: smaller;
font-style: italic; font-style: italic;
} }
@media (max-width: 576px) {
main {
margin: 0 auto;
}
}