Add a medium size hero image height

RoronoaSrinu · Apr 12, 2023 · fc865aa · fc865aa
1 parent b4a90cf
commit fc865aa
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/blocks/hero-home/hero-home.css b/blocks/hero-home/hero-home.css
@@ -40,9 +40,7 @@ main .hero-home > div > div > h1 {
     padding: 64px 0 0 22px;
   }
   main .hero-home img {
-    width: 100vw;
-    height: 500px;
-    object-fit: cover;
+    height: 346px;
   }
 }
 @media (min-width: 1025px) {
@@ -51,4 +49,7 @@ main .hero-home > div > div > h1 {
     font-size: 64px;
     line-height: 72px;
   }
+  main .hero-home img {
+    height: 500px;
+  }
 }
diff --git a/blocks/hero-home/hero-home.less b/blocks/hero-home/hero-home.less
@@ -60,9 +60,7 @@ main {
 				}
 			}
 			img {
-				width: 100vw;
-				height: 500px;
-				object-fit: cover;
+				height: 346px;
 			}
 		}
 	}
@@ -78,6 +76,9 @@ main {
 					}
 				}
 			}
+			img {
+				height: 500px;
+			}
 		}
 	}
 }