alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

🐛 fix: remove horizontall scroll on mobile

Browse Source
This commit is contained in:
welpo 2023-03-10 17:59:35 +01:00
parent ac0495ea69
commit e93b33e6b8
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
sass/main.scss
View File

@ -103,13 +103,11 @@ body {
} }
.content { .content {
flex: 1;
width: 100%; width: 100%;
max-width: var(--max-layout-width); max-width: var(--max-layout-width);
margin: 0 auto; margin: 0 auto;
margin-top: 6vmin; margin-top: 6vmin;
margin-bottom: 4rem; margin-bottom: 4rem;
padding: 0 24px;
word-wrap: break-word; word-wrap: break-word;
} }
@ -118,6 +116,10 @@ article{
margin: 0 auto; margin: 0 auto;
} }
main {
padding: 0 24px;
}
.section-title { .section-title {
display: block; display: block;
font-size: 2.2em; font-size: 2.2em;
@ -195,6 +197,9 @@ p {
.content { .content {
max-width: var(--medium-layout-width); max-width: var(--medium-layout-width);
} }
main {
padding: 0;
}
} }
@media only screen and (max-width: 300px) { @media only screen and (max-width: 300px) {
.content { .content {

1
sass/parts/_header.scss
View File

@ -118,6 +118,7 @@ header {
.navbar { .navbar {
max-width: var(--medium-layout-width); max-width: var(--medium-layout-width);
padding: 1em 0;
} }
} }