more

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>
     </>

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;