fix: mobile CSS and other mistakes

This commit is contained in:
Nikola Ubavic 2023-08-05 15:19:00 +02:00
parent 54d643844a
commit 31feb6aa18

View File

@ -50,18 +50,18 @@ footer {
}
header {
grid-area: "header";
grid-area: header;
border-bottom: 2px solid var(--border);
}
footer {
grid-area: "footer";
grid-area: footer;
border-top: 2px solid var(--border);
}
main {
grid-area: "main";
padding: 3rem 3rem 3rem 3rem;
grid-area: main;
padding: 3rem;
font-size: 1.3rem;
line-height: 2rem;
max-width: 120ch;
@ -104,6 +104,7 @@ a:focus {
border-color: var(--hightlight);
background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%);
}
.account,
.sections,
#sections-menu {
@ -189,6 +190,10 @@ screen and (max-width: 1500px) {
font-size: 2.2rem;
}
main {
padding: 1rem;
}
.links {
display: none;
}
@ -197,4 +202,8 @@ screen and (max-width: 1500px) {
footer {
padding: 0 1rem;
}
#theme-switcher {
margin-right: 1rem;
}
}