From 7f61cfb1e0806d71b307d0e742a279772d83c5fd Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Tue, 23 Jul 2024 22:37:01 -0400
Subject: [PATCH 1/5] fix: 1200px (Small screen) responsiveness

---
 src/Components/Home/Hero/Hero.scss | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index c31555f..dc2d1ff 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -19,6 +19,10 @@ $font-color: #a2aa94;
   @media (min-width: 768px) {
     flex-direction: row;
   }
+
+  @media (max-width: 1200px) {
+    flex-direction: row;
+  }
 }
 
 /* Left Container */
@@ -38,6 +42,11 @@ $font-color: #a2aa94;
     padding-left: 40px;
     padding-top: 15px;
   }
+
+  @media (max-width: 1200px) {
+    flex: 0 0 65%;
+    padding: 160px 0px 60px 40px; /* top, right, bottom, left */
+  }
 }
 
 /* Right Container */
@@ -58,6 +67,11 @@ $font-color: #a2aa94;
   @media (max-width: 768px) {
     flex: 0 0 75%;
   }
+
+  @media (max-width: 1200px) {
+    flex: 0 0 50%;
+    margin-left: -100px;
+  }
 }
 
 /* Text Styling */
@@ -115,3 +129,15 @@ p {
     margin-bottom: -0.1em;
   }
 }
+
+@media (max-width: 1200px) {
+  h1 {
+    font-size: 7em;
+    margin-bottom: -0.2em;
+  }
+
+  p {
+    font-size: 2em;
+  }
+  
+}

From ebb5300a6acd16ff830f64186b1cc891142e76d7 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Tue, 23 Jul 2024 22:39:45 -0400
Subject: [PATCH 2/5] fix: Smaller laptop (992px) responsivenesss

---
 src/Components/Home/Hero/Hero.scss | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index dc2d1ff..22ce1eb 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -47,6 +47,11 @@ $font-color: #a2aa94;
     flex: 0 0 65%;
     padding: 160px 0px 60px 40px; /* top, right, bottom, left */
   }
+
+  @media (max-width: 992px){
+    flex: 0 0 60%;
+    padding: 230px 20px 60px 40px; /* top, right, bottom, left */
+  }
 }
 
 /* Right Container */
@@ -139,5 +144,15 @@ p {
   p {
     font-size: 2em;
   }
-  
+}
+
+@media (max-width: 992px) {
+  h1 {
+    font-size: 5em;
+    margin-bottom: -0.2em;
+  }
+
+  p {
+    font-size: 1.5em;
+  }
 }

From e69c6990b3ed53c9be9797dc869e22c9a90c60b9 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Tue, 23 Jul 2024 22:44:57 -0400
Subject: [PATCH 3/5] fix: 1200px screen size proper responsiveness

---
 src/Components/Home/Hero/Hero.scss    | 4 ++--
 src/Components/Navbar.scss            | 4 ++++
 src/Components/Projects/Projects.scss | 9 +++++++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index 22ce1eb..97b2827 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -44,7 +44,7 @@ $font-color: #a2aa94;
   }
 
   @media (max-width: 1200px) {
-    flex: 0 0 65%;
+    flex: 0 0 55%;
     padding: 160px 0px 60px 40px; /* top, right, bottom, left */
   }
 
@@ -137,7 +137,7 @@ p {
 
 @media (max-width: 1200px) {
   h1 {
-    font-size: 7em;
+    font-size: 6em;
     margin-bottom: -0.2em;
   }
 
diff --git a/src/Components/Navbar.scss b/src/Components/Navbar.scss
index fba4833..c51153f 100644
--- a/src/Components/Navbar.scss
+++ b/src/Components/Navbar.scss
@@ -55,6 +55,10 @@ $hamburger-size: 32px;
     margin-top: 15px;
     margin-right: auto;
   }
+
+  @media (max-width: 1200px) {
+    margin-right: 8em;
+  }
 }
 
 /* Nav Links (items) */
diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss
index 99e6251..464fe2c 100644
--- a/src/Components/Projects/Projects.scss
+++ b/src/Components/Projects/Projects.scss
@@ -25,6 +25,10 @@ a {
   @media (min-width: 768px) {
     padding: 0px 40px;
   }
+
+  @media (max-width: 1200px) {
+    margin-left: -120px;
+  }
 }
 .ProjectsTitle {
   font-size: 2.8em;
@@ -100,6 +104,11 @@ a {
     background-size: cover;
     min-height: 200px;
   }
+
+  @media (max-width: 1200px) {
+    width: 45em;
+    height: 25em;
+  }
 }
 
 .ProjectContent {

From 200b2012c644c41be845107073739800bca6987a Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Tue, 23 Jul 2024 22:47:30 -0400
Subject: [PATCH 4/5] fix: 992px screen size proper responsiveness

---
 src/Components/Home/Hero/Hero.scss    | 6 +++---
 src/Components/Projects/Projects.scss | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index 97b2827..27a2547 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -49,8 +49,8 @@ $font-color: #a2aa94;
   }
 
   @media (max-width: 992px){
-    flex: 0 0 60%;
-    padding: 230px 20px 60px 40px; /* top, right, bottom, left */
+    flex: 0 0 52%;
+    padding: 230px 0px 60px 40px; /* top, right, bottom, left */
   }
 }
 
@@ -148,7 +148,7 @@ p {
 
 @media (max-width: 992px) {
   h1 {
-    font-size: 5em;
+    font-size: 4em;
     margin-bottom: -0.2em;
   }
 
diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss
index 464fe2c..18b2dcc 100644
--- a/src/Components/Projects/Projects.scss
+++ b/src/Components/Projects/Projects.scss
@@ -29,6 +29,10 @@ a {
   @media (max-width: 1200px) {
     margin-left: -120px;
   }
+
+  @media (max-width: 992px) {
+    margin-left: -100px;
+  }
 }
 .ProjectsTitle {
   font-size: 2.8em;

From 538715a5a2f4b1e931089e94cefc1d45595ef3f7 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Tue, 23 Jul 2024 22:52:34 -0400
Subject: [PATCH 5/5] fix: Overall responsiveness

---
 src/Components/Home/Hero/Hero.scss | 15 ++++++++-------
 src/Components/Navbar.scss         |  2 +-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index 27a2547..3c5632a 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -31,7 +31,7 @@ $font-color: #a2aa94;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
-  padding: 160px 40px 60px 40px; /* top, right, bottom, left */
+  padding: 160px 40px 0px 40px; /* top, right, bottom, left */
 
   @media (min-width: 768px) {
     flex: 0 0 45%;
@@ -44,13 +44,13 @@ $font-color: #a2aa94;
   }
 
   @media (max-width: 1200px) {
-    flex: 0 0 55%;
-    padding: 160px 0px 60px 40px; /* top, right, bottom, left */
+    flex: 0 0 60%;
+    padding: 160px 0px 0px 40px; /* top, right, bottom, left */
   }
 
   @media (max-width: 992px){
-    flex: 0 0 52%;
-    padding: 230px 0px 60px 40px; /* top, right, bottom, left */
+    flex: 0 0 60%;
+    padding: 210px 0px 0px 40px; /* top, right, bottom, left */
   }
 }
 
@@ -62,7 +62,7 @@ $font-color: #a2aa94;
   justify-content: center;
   align-items: center;
   overflow: hidden;
-  margin-top: -110px;
+  margin-top: -180px;
 
   @media (min-width: 768px) {
     flex: 0 0 55%;
@@ -76,6 +76,7 @@ $font-color: #a2aa94;
   @media (max-width: 1200px) {
     flex: 0 0 50%;
     margin-left: -100px;
+    margin-top: -190px;
   }
 }
 
@@ -148,7 +149,7 @@ p {
 
 @media (max-width: 992px) {
   h1 {
-    font-size: 4em;
+    font-size: 4.5em;
     margin-bottom: -0.2em;
   }
 
diff --git a/src/Components/Navbar.scss b/src/Components/Navbar.scss
index c51153f..cb8b3a7 100644
--- a/src/Components/Navbar.scss
+++ b/src/Components/Navbar.scss
@@ -57,7 +57,7 @@ $hamburger-size: 32px;
   }
 
   @media (max-width: 1200px) {
-    margin-right: 8em;
+    margin-right: 2em;
   }
 }