From e93b33e6b88c2016741b220dd9e0dac3ccd0dd01 Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Fri, 10 Mar 2023 17:59:35 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20remove=20horizontall=20sc?=
 =?UTF-8?q?roll=20on=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/main.scss          | 11 ++++++++---
 sass/parts/_header.scss |  1 +
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/sass/main.scss b/sass/main.scss
index de63907..f06717f 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -103,21 +103,23 @@ body {
 }
 
 .content {
-  flex: 1;
   width: 100%;
   max-width: var(--max-layout-width);
   margin: 0 auto;
   margin-top: 6vmin;
   margin-bottom: 4rem;
-  padding: 0 24px;
   word-wrap: break-word;
 }
 
-article{
+article {
   max-width: calc(var(--max-layout-width) - 14rem);
   margin: 0 auto;
 }
 
+main {
+  padding: 0 24px;
+}
+
 .section-title {
   display: block;
   font-size: 2.2em;
@@ -195,6 +197,9 @@ p {
   .content {
     max-width: var(--medium-layout-width);
   }
+  main {
+    padding: 0;
+  }
 }
 @media only screen and (max-width: 300px) {
   .content {
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss
index 5727e8f..342ca8c 100644
--- a/sass/parts/_header.scss
+++ b/sass/parts/_header.scss
@@ -118,6 +118,7 @@ header {
 
   .navbar {
     max-width: var(--medium-layout-width);
+    padding: 1em 0;
   }
 }