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 {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
max-width: 1140px;
|
||||
min-height: 64px;
|
||||
overflow: scroll;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
a {
|
||||
color: var(--text);
|
||||
|
@ -107,7 +108,6 @@ header {
|
|||
}
|
||||
nav {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
footer {
|
||||
|
@ -137,3 +137,9 @@ p.date-published {
|
|||
font-size: smaller;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
main {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue