Fix home mobile responsive

RecyLife · Oct 13, 2024 · 7552fe1 · 7552fe1
1 parent 271792b
commit 7552fe1
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/styles/home.css b/styles/home.css
@@ -160,6 +160,31 @@
     }
 }
 
+@media screen and (max-height: 950px) {
+    .buy-images-container {
+        margin-top: -40px;
+    }
+
+    .buy-image-wrapper, .buy-images-container {
+        height: 320px;
+    }
+
+    .buy-image{
+        object-fit: cover;
+        height: 320px;
+    }
+}
+
+@media screen and (max-height : 900px) {
+    .buy-images-container {
+        margin-top: -60px;
+    }
+
+    .buy-images-container, .buy-image-wrapper, .buy-image{
+        height: 300px;
+    }
+}
+
 @media screen and (max-width: 425px) {
     .main-section {
         padding-left: 0;