Fix home responsive

RecyLife · Oct 13, 2024 · 5586e5f · 5586e5f
1 parent cc1f729
commit 5586e5f
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/styles/home.css b/styles/home.css
@@ -162,26 +162,28 @@
 
 @media screen and (max-height: 950px) {
     .buy-images-container {
-        margin-top: -40px;
+        margin-top: -0.5vh;
     }
 
     .buy-image-wrapper, .buy-images-container {
-        height: 320px;
+        height: 40vh;
     }
 
     .buy-image{
         object-fit: cover;
-        height: 320px;
+        height: 40vh;
     }
 }
 
-@media screen and (max-height : 900px) {
+@media screen and (max-height: 875px) {
     .buy-images-container {
-        margin-top: -60px;
+        margin-top: -4vh;
     }
+}
 
-    .buy-images-container, .buy-image-wrapper, .buy-image{
-        height: 300px;
+@media screen and (max-height: 825px) {
+    .buy-images-container {
+        margin-top: -5vh;
     }
 }