fix: mobile CSS and other mistakes
This commit is contained in:
parent
0525100bc6
commit
30cca3a33c
@ -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;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user