From a3f751327bee6a2873c57bdf562a57d4f83d16d0 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Mon, 15 Apr 2024 00:26:51 +0800
Subject: [PATCH] Make the main header occupy the entire width

---
 src/assets/css/main.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 435995f8..8c260781 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -254,6 +254,14 @@ main,
     gap: 0.8rem;
 }
 
+main {
+    width: 100%;
+}
+
+.article__wrapper {
+    justify-self: center;
+}
+
 .main__header,
 article,
 .left-sidebar,
@@ -302,7 +310,7 @@ article,
 }
 
 @media only screen and (min-width: 80rem) {
-    main {
+    .article__wrapper {
         max-width: 80rem;
     }
 }