From d6b85bb20798a6d645880c7d9c40dfef9259c201 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 31 Jul 2024 00:31:09 -0400
Subject: [PATCH 1/6] fix: Responsiveness fix

---
 src/Components/Home/Hero/Hero.scss | 32 +++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index 9b3239c..f459318 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -28,6 +28,10 @@ $font-color: #a2aa94;
     display: flex;
     flex-direction: column;
   }
+
+  @media (min-width: 430px) and (max-width: 600px) {
+    flex-direction: column;
+  }
 }
 
 /* Left Container */
@@ -36,7 +40,7 @@ $font-color: #a2aa94;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
-  padding: 160px 40px 0px 40px; /* top, right, bottom, left */
+  padding: 130px 40px 0px 40px; /* top, right, bottom, left */
 
   @media (min-width: 768px) {
     flex: 0 0 45%;
@@ -63,6 +67,11 @@ $font-color: #a2aa94;
     padding: 60px 40px 0px 40px; /* top, right, bottom, left */
   }
 
+  @media (min-width: 430px) and (max-width: 600px) {
+    flex: 0 0 50%;
+    padding: 60px 40px 0px 40px; /* top, right, bottom, left */
+  }
+
   @media (max-width: 414px) {
     flex: 0 0 50%;
     padding: 30px 40px 0px 40px; /* top, right, bottom, left */
@@ -105,6 +114,12 @@ $font-color: #a2aa94;
     margin-top: -210px;
   }
 
+  @media (min-width: 430px) and (max-width: 600px) {
+    flex: 0 0 50%;
+    margin-left: 10px;
+    margin-top: -210px;
+  }
+
   @media (max-width: 390px) {
     flex: 0 0 50%;
     margin-left: 10px;
@@ -209,7 +224,18 @@ p {
 
 @media (max-width: 430px) {
   h1 {
-    font-size: 3.2em;
+    font-size: 3.1em;
+    margin-bottom: -0.2em;
+  }
+
+  p {
+    font-size: 1.3em;
+  }
+}
+
+@media (min-width: 430px) and (max-width: 600px) {
+  h1 {
+    font-size: 3.5em;
     margin-bottom: -0.2em;
   }
 
@@ -231,7 +257,7 @@ p {
 
 @media (max-width: 414px) {
   h1 {
-    font-size: 2.9em;
+    font-size: 2.8em;
     margin-bottom: -0.2em;
   }
 

From f84ee6916e28569f32dc25fe337c29e144a25433 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 31 Jul 2024 00:33:37 -0400
Subject: [PATCH 2/6] fix: Responsiveness fix

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

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index f459318..e0f76a5 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -213,7 +213,7 @@ p {
 
 @media (max-width: 992px) {
   h1 {
-    font-size: 4.5em;
+    font-size: 4.3em;
     margin-bottom: -0.2em;
   }
 
@@ -235,7 +235,7 @@ p {
 
 @media (min-width: 430px) and (max-width: 600px) {
   h1 {
-    font-size: 3.5em;
+    font-size: 3.3em;
     margin-bottom: -0.2em;
   }
 
@@ -268,7 +268,7 @@ p {
 
 @media (max-width: 375px) {
   h1 {
-    font-size: 2.7em;
+    font-size: 2.6em;
     margin-bottom: -0.2em;
   }
 

From df9fdadfc38227f450ca509ff0d7a77ad5a1c573 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 31 Jul 2024 00:41:54 -0400
Subject: [PATCH 3/6] fix: Responsiveness fix

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

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index e0f76a5..128ac11 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -32,6 +32,10 @@ $font-color: #a2aa94;
   @media (min-width: 430px) and (max-width: 600px) {
     flex-direction: column;
   }
+
+  @media (min-width: 1200px) and (max-width: 1920px) {
+    flex-direction: row;
+  }
 }
 
 /* Left Container */
@@ -81,6 +85,11 @@ $font-color: #a2aa94;
     flex: 0 0 55%;
     padding: 20px 40px 0px 40px; /* top, right, bottom, left */
   }
+
+  @media (min-width: 1200px) and (max-width: 1800px) {
+    flex: 0 0 55%;
+    padding: 160px 60px 0px 60px; /* top, right, bottom, left */
+  }
 }
 
 /* Right Container */
@@ -142,6 +151,12 @@ $font-color: #a2aa94;
     margin-left: 10px;
     margin-top: -350px;
   }
+
+  @media (min-width: 1200px) and (max-width: 1800px) {
+    flex: 0 0 45%;
+    margin-left: -35px;
+    margin-top: -200px;
+  }
 }
 
 /* Text Styling */
@@ -180,6 +195,10 @@ $font-color: #a2aa94;
 h1 {
   font-size: 8em;
   margin-bottom: -0.3em;
+
+  @media (min-width: 1200px) and (max-width: 1800px) {
+    font-size: 6em;
+  }
 }
 
 p {
@@ -191,6 +210,10 @@ p {
   @media (max-width: 768px) {
     font-size: 1.5em;
   }
+
+  @media (min-width: 1200px) and (max-width: 1800px) {
+    font-size: 2em;
+  }
 }
 
 @media (max-width: 768px) {

From 5ab8a7a197ecbce46fd58ac91c305d34fc0e900d Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 31 Jul 2024 00:42:08 -0400
Subject: [PATCH 4/6] fix: Responsiveness fix

---
 src/Components/Home/Hero/Hero.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index 128ac11..112b52d 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -44,7 +44,7 @@ $font-color: #a2aa94;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
-  padding: 130px 40px 0px 40px; /* top, right, bottom, left */
+  padding: 160px 40px 0px 40px; /* top, right, bottom, left */
 
   @media (min-width: 768px) {
     flex: 0 0 45%;

From 47b2b0eb456be31f8b146f36f1a54ef3f2c92ea2 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 31 Jul 2024 00:43:52 -0400
Subject: [PATCH 5/6] chore: Remove useless comments

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

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index 112b52d..1cf0b9d 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -58,37 +58,37 @@ $font-color: #a2aa94;
 
   @media (max-width: 1200px) {
     flex: 0 0 60%;
-    padding: 160px 0px 0px 40px; /* top, right, bottom, left */
+    padding: 160px 0px 0px 40px;
   }
 
   @media (max-width: 992px) {
     flex: 0 0 60%;
-    padding: 210px 0px 0px 40px; /* top, right, bottom, left */
+    padding: 210px 0px 0px 40px;
   }
 
   @media (max-width: 430px) {
     flex: 0 0 50%;
-    padding: 60px 40px 0px 40px; /* top, right, bottom, left */
+    padding: 60px 40px 0px 40px;
   }
 
   @media (min-width: 430px) and (max-width: 600px) {
     flex: 0 0 50%;
-    padding: 60px 40px 0px 40px; /* top, right, bottom, left */
+    padding: 60px 40px 0px 40px;
   }
 
   @media (max-width: 414px) {
     flex: 0 0 50%;
-    padding: 30px 40px 0px 40px; /* top, right, bottom, left */
+    padding: 30px 40px 0px 40px;
   }
 
   @media (max-width: 375px) {
     flex: 0 0 55%;
-    padding: 20px 40px 0px 40px; /* top, right, bottom, left */
+    padding: 20px 40px 0px 40px;
   }
 
   @media (min-width: 1200px) and (max-width: 1800px) {
     flex: 0 0 55%;
-    padding: 160px 60px 0px 60px; /* top, right, bottom, left */
+    padding: 160px 60px 0px 60px;
   }
 }
 

From e5b71cdd003a41c4e8c9d2133e2e5ea7572d5c5b Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 31 Jul 2024 00:44:22 -0400
Subject: [PATCH 6/6] style: Run Prettier on code

---
 src/Components/Projects/Projects.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss
index 200c4fb..f9f9745 100644
--- a/src/Components/Projects/Projects.scss
+++ b/src/Components/Projects/Projects.scss
@@ -92,7 +92,9 @@ a {
   position: relative;
   color: #fff;
   min-height: 200px;
-  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  transition:
+    transform 0.3s ease,
+    box-shadow 0.3s ease;
 
   &:hover {
     transform: scale(1.05);
@@ -176,7 +178,9 @@ a {
   color: #fff;
   text-decoration: none;
   border-radius: 5px;
-  transition: background-color 0.3s, transform 0.3s;
+  transition:
+    background-color 0.3s,
+    transform 0.3s;
 
   svg {
     margin-right: 5px;