From dcd6894637d2f6aa05a5fa1c7f7b4b258e7ff8a8 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Mon, 15 Apr 2024 03:00:25 +0800
Subject: [PATCH] Rename article wrapper grid area names

---
 src/assets/css/main.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index a174f4ca..6f34d4d0 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -301,20 +301,20 @@ main {
 /* Desktop main content layout */
 @media only screen and (min-width: 60rem) {
     .article__wrapper {
-        grid-template-areas: 'a b c';
+        grid-template-areas: 'leftbar article rightbar';
         grid-template-columns: minmax(0,15rem) minmax(0,2.5fr) minmax(0,15rem);
     }
 
     .article {
-        grid-area: b;
+        grid-area: article;
     }
 
     .left-sidebar {
-        grid-area: a;
+        grid-area: leftbar;
     }
 
     .right-sidebar {
-        grid-area: c;
+        grid-area: rightbar;
     }
 }