mobile view fix

This commit is contained in:
sundae 2025-08-10 18:07:17 +03:00
parent f20b697aed
commit bc8100b101
No known key found for this signature in database
2 changed files with 35 additions and 28 deletions

View file

@ -48,7 +48,8 @@ h3 {
border-radius: 0 var(--round) var(--round) 0;
}
main article[id] {
& p, li {
& p,
li {
font-size: 1.2rem;
}
}
@ -170,20 +171,19 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
}
@media screen and (max-width: 920px) {
body>nav {
main {
padding: var(--pad-l);
}
body > nav {
position: initial;
width: 100%;
}
main {
padding: var(--pad-l);
}
main>section {
main > section {
flex-direction: column;
}
main>section {
main > section {
width: initial;
}
@ -192,11 +192,11 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
width: auto;
}
body>nav::before {
body > nav::before {
content: none;
}
body>nav {
body > nav {
flex-direction: row;
border: 0;
width: 100%;
@ -213,16 +213,7 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
}
@media screen and (max-width: 450px) {
main {
padding: var(--pad-sm);
}
article {
padding: var(--pad-l);
border: 0;
}
body>nav {
body > nav {
flex-direction: column;
justify-content: start;
@ -230,4 +221,4 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
width: 100%;
}
}
}
}