mobile view fix
This commit is contained in:
parent
f20b697aed
commit
bc8100b101
2 changed files with 35 additions and 28 deletions
|
@ -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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue