Adjust widths on breakpoints

cloud-native-nordics · Apr 24, 2024 · 73d3c65 · 73d3c65
1 parent 7d77608
commit 73d3c65
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/pages/home/hero/hero.jsx b/src/components/pages/home/hero/hero.jsx
@@ -60,7 +60,13 @@ const Hero = () => (
         lg:left-[28%] lg:-top-16 lg:w-[950px] lg:translate-x-1
         md:top-[0px] md:-translate-x-1/4 md:translate-y-1/2 
         sm:top-[0px] sm:left-1/4
-        [@media(max-width:600px)]:top-[47%] [@media(max-width:600px)]:w-[600px] [@media(max-width:460px)]:top-[5%] [@media(max-width:460px)]:w-[900px]"
+        [@media(max-width:600px)]:top-[-20%] 
+        [@media(max-width:600px)]:w-[900px] 
+        [@media(max-width:600px)]:left-[-20%]
+        [@media(max-width:460px)]:top-[-10%] 
+        [@media(max-width:460px)]:w-[900px]
+        [@media(max-width:460px)]:left-[-50%]
+        "
         src={illustration}
         width={1090}
         height="auto"