feat: updated after merging style changes

infinitered · Jan 12, 2023 · dadb4f2 · dadb4f2
1 parent be1bbfd
commit dadb4f2
Showing 1 changed file with 37 additions and 30 deletions.
diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
@@ -206,6 +206,21 @@
   left: 510px;
 }
 
+@media screen and (max-width: 1350px) {
+  .codeSnippet {
+    width: 400px;
+    height: 340px;
+  }
+}
+
+@media screen and (max-width: 1050px) {
+  .codeSnippet {
+    width: 350px;
+    height: 297px;
+  }
+}
+
+
 @media screen and (max-width: 996px) {
   .rowContainer {
     flex-direction: column;
@@ -223,48 +238,27 @@
   }
 }
 
-@media screen and (max-width: 500px) {
-  .rowContainer {
-    max-width: 900px;
-    margin: 0;
-    padding: 0;
-  }
-
-  .featureComponent {
-    height: 200px;
-    width: 200px;
-  }
-}
-
-@media screen and (max-width: 1350px) {
-  .codeSnippet {
-    width: 400px;
-    height: 340px;
-  }
-}
-
-@media screen and (max-width: 1050px) {
-  .codeSnippet {
-    width: 350px;
-    height: 297px;
-  }
-}
-
 @media screen and (max-width: 600px) {
   .imageOneContainer {
+    margin-top: 50%;
     height: 300px;
     width: 300px;
   }
 
+  .imageTwoContainer {
+    margin-top: 10%;
+    padding-left: 10px;
+  }
+
   .cardButtonsFinal {
-    left: 180px;
+    left: 140px;
     width: 150px;
-    top: 175px;
+    top: 155px;
   }
 
   .cardControlsFinal {
     width: 150px;
-    left: 130px;
+    left: 120px;
     top: 30px;
   }
 
@@ -292,6 +286,19 @@
   }
 }
 
+@media screen and (max-width: 500px) {
+  .rowContainer {
+    max-width: 350px;
+    margin: 0;
+    padding: 0;
+  }
+
+  .featureComponent {
+    height: 200px;
+    width: 200px;
+  }
+}
+
 @media screen and (max-width: 400px) {
   .codeSnippet {
     width: 250px;