From c790a9282ac4e7bd5286a6f4453512c5b1a64783 Mon Sep 17 00:00:00 2001
From: Vishnu Sreekumaran Nair <200557136@student.georgianc.on.ca>
Date: Fri, 21 Mar 2025 22:43:31 -0400
Subject: [PATCH] modify sidebar and main layout styles to fix the positions

---
 src/Components/Layouts/HomeLayout/index.css | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/Components/Layouts/HomeLayout/index.css b/src/Components/Layouts/HomeLayout/index.css
index ef6f38abd..85ac93941 100644
--- a/src/Components/Layouts/HomeLayout/index.css
+++ b/src/Components/Layouts/HomeLayout/index.css
@@ -1,9 +1,9 @@
 .home-layout {
 	position: relative;
 	min-height: 100vh;
-	max-width: 1400px;
+	/* max-width: 1400px; */
 	margin: 0 auto;
-	padding: var(--env-var-spacing-2);
+	padding: 0;
 }
 
 /* TODO go for this approach for responsiveness. The aside needs to be taken care of */
@@ -15,10 +15,9 @@
 
 .home-layout aside {
 	position: sticky;
-	top: var(--env-var-spacing-2);
+	top: 0;
 	left: 0;
-
-	height: calc(100vh - var(--env-var-spacing-2) * 2);
+	height: 100vh;
 	max-width: var(--env-var-side-bar-width);
 }
 
@@ -26,3 +25,11 @@
 	min-height: calc(100vh - var(--env-var-spacing-2) * 2);
 	flex: 1;
 }
+
+.home-layout > :nth-child(2) {
+	padding: var(--env-var-spacing-2);
+	min-height: calc(100vh - var(--env-var-spacing-2) * 2);
+	max-width: 1400px;
+	margin: 0 auto;
+	flex: 1;
+}