Issue with hero image and text for small screen size around 936px

Fixes #188
RoronoaSrinu · Apr 11, 2023 · b4a90cf · b4a90cf
1 parent 08560a5
commit b4a90cf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/blocks/hero-home/hero-home.css b/blocks/hero-home/hero-home.css
@@ -39,13 +39,13 @@ main .hero-home > div > div > h1 {
     left: 0;
     padding: 64px 0 0 22px;
   }
-}
-@media (min-width: 1025px) {
   main .hero-home img {
     width: 100vw;
     height: 500px;
     object-fit: cover;
   }
+}
+@media (min-width: 1025px) {
   main .hero-home > div > div > h1 {
     padding: 98px 0 0 105px;
     font-size: 64px;

diff --git a/blocks/hero-home/hero-home.less b/blocks/hero-home/hero-home.less
@@ -59,17 +59,16 @@ main {
 					}
 				}
 			}
-		}
-	}
-
-	@media (@width_1025) {
-		.hero-home {
 			img {
 				width: 100vw;
 				height: 500px;
 				object-fit: cover;
 			}
+		}
+	}
 
+	@media (@width_1025) {
+		.hero-home {
 			>div {
 				>div {
 					>h1 {