Some optimisations for smaller screens, less basic but user friendlier, i guess it's an somewhat okay-ish compromise
This commit is contained in:
parent
5b390eb273
commit
6193b2112e
1 changed files with 8 additions and 2 deletions
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue