From 69b6511686df43af79dae76d00e08644bc7baf74 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 11 Jan 2024 19:17:59 -0600
Subject: [PATCH 1/4] more

---
 src/Components/Features/FeaturesPage.js |  3 +++
 src/styles/features.scss                | 36 +++++++++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/src/Components/Features/FeaturesPage.js b/src/Components/Features/FeaturesPage.js
index 2eb8ca0..59d7684 100644
--- a/src/Components/Features/FeaturesPage.js
+++ b/src/Components/Features/FeaturesPage.js
@@ -14,6 +14,9 @@ const FeaturesPage = () => {
     <>
       <div className="features-container">
         <div className="features-top-wrapper">
+          <div className="features-top-mobile-img">
+            <img className="features-image-one" src={legalTechFlip} />
+          </div>
           <div className="features-top-left">
             <FeaturesTop />
           </div>
diff --git a/src/styles/features.scss b/src/styles/features.scss
index 739d58e..a1c2706 100644
--- a/src/styles/features.scss
+++ b/src/styles/features.scss
@@ -78,20 +78,56 @@
   margin: 28px 0px;
 }
 
+.features-top-mobile-img {
+  display: none;
+}
+
 @media only screen and (max-width: 430px) {
   .features-top-wrapper {
     flex-direction: column;
   }
+
   .features-top-left {
     width: 100%;
   }
+
   .features-top-right {
     width: 100%;
   }
+
   .features-bottom-left {
     width: 100%;
   }
+
   .features-bottom-right {
     width: 100%;
   }
+
+  .features-header-text {
+    margin-top: -8px;
+  }
+
+  .features-list-item {
+    width: 98%;
+    text-align: justify;
+    font-size: 0.94rem;
+    margin: 6px 0px;
+  }
+
+  .features-top-right {
+    display: none;
+  }
+
+  .features-top-mobile-img {
+    display: flex;
+  }
+
+  .features-image-one {
+    display: flex;
+    flex-direction: column;
+    margin-right: 10px;
+    height: 300px;
+    float: right;
+    border-radius: 15px;
+  }
 }

From 635d830931353ad66fd46b90d7131e2ea908850b Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 11 Jan 2024 19:20:41 -0600
Subject: [PATCH 2/4] more

---
 src/styles/features.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/styles/features.scss b/src/styles/features.scss
index a1c2706..203cb0c 100644
--- a/src/styles/features.scss
+++ b/src/styles/features.scss
@@ -125,8 +125,9 @@
   .features-image-one {
     display: flex;
     flex-direction: column;
-    margin-right: 10px;
-    height: 300px;
+    margin-right: 0px;
+    height: 100%;
+    width: 100%;
     float: right;
     border-radius: 15px;
   }

From 32b7b06d47efbc8efab91889b00592298a3bffa5 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 11 Jan 2024 19:23:03 -0600
Subject: [PATCH 3/4] more

---
 src/Components/Features/FeaturesPage.js | 15 ++++++++++-----
 src/styles/features.scss                |  4 +++-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/Components/Features/FeaturesPage.js b/src/Components/Features/FeaturesPage.js
index 59d7684..e839a6c 100644
--- a/src/Components/Features/FeaturesPage.js
+++ b/src/Components/Features/FeaturesPage.js
@@ -24,6 +24,15 @@ const FeaturesPage = () => {
             <img className="features-image-one" src={legalTechFlip} />
           </div>
         </div>
+      </div>
+    </>
+  );
+};
+
+export default FeaturesPage;
+
+/*
+
         <div className="features-bottom-wrapper">
           <div className="features-bottom-right">
             <img className="features-image-one" src={legalTek} />
@@ -32,9 +41,5 @@ const FeaturesPage = () => {
             <FeaturesBottom />
           </div>
         </div>
-      </div>
-    </>
-  );
-};
 
-export default FeaturesPage;
+  */
diff --git a/src/styles/features.scss b/src/styles/features.scss
index 203cb0c..087588d 100644
--- a/src/styles/features.scss
+++ b/src/styles/features.scss
@@ -88,6 +88,7 @@
   }
 
   .features-top-left {
+    margin-top: 12px;
     width: 100%;
   }
 
@@ -104,7 +105,8 @@
   }
 
   .features-header-text {
-    margin-top: -8px;
+    margin-top: 0px;
+    padding: 0px;
   }
 
   .features-list-item {

From 3f5f1c872738270dae5d9827908a72d842088dc3 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 11 Jan 2024 19:44:08 -0600
Subject: [PATCH 4/4] more

---
 src/Components/Features/FeaturesPage.js |  8 ++++++++
 src/styles/features.scss                | 22 ++++++++++++++++++++--
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/Components/Features/FeaturesPage.js b/src/Components/Features/FeaturesPage.js
index e839a6c..e0a6d83 100644
--- a/src/Components/Features/FeaturesPage.js
+++ b/src/Components/Features/FeaturesPage.js
@@ -23,6 +23,14 @@ const FeaturesPage = () => {
           <div className="features-top-right">
             <img className="features-image-one" src={legalTechFlip} />
           </div>
+          <div className="features-bottom-wrapper">
+            <div className="features-top-mobile-img">
+              <img className="features-image-one" src={legalTek} />
+            </div>
+            <div className="features-bottom-left">
+              <FeaturesBottom />
+            </div>
+          </div>
         </div>
       </div>
     </>
diff --git a/src/styles/features.scss b/src/styles/features.scss
index 087588d..1db9b33 100644
--- a/src/styles/features.scss
+++ b/src/styles/features.scss
@@ -83,20 +83,29 @@
 }
 
 @media only screen and (max-width: 430px) {
+  .features-container {
+    height: 1100px;
+  }
+
   .features-top-wrapper {
     flex-direction: column;
   }
 
+  .features-bottom-wrapper {
+    flex-direction: column;
+  }
+
   .features-top-left {
     margin-top: 12px;
     width: 100%;
   }
 
-  .features-top-right {
+  .features-bottom-left {
+    margin-top: 12px;
     width: 100%;
   }
 
-  .features-bottom-left {
+  .features-top-right {
     width: 100%;
   }
 
@@ -104,11 +113,20 @@
     width: 100%;
   }
 
+  .features-bottom-left {
+    width: 100%;
+  }
+
   .features-header-text {
     margin-top: 0px;
     padding: 0px;
   }
 
+  .features-list {
+    padding: 0px;
+    margin-left: 5px;
+  }
+
   .features-list-item {
     width: 98%;
     text-align: justify;