fix: mobile compat

AtomiCloud · Dec 29, 2024 · 74f9699 · 74f9699
1 parent f1beafc
commit 74f9699
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/index/Hero.astro b/src/components/index/Hero.astro
@@ -13,14 +13,14 @@ import SvgBackground from "./SvgBackground.astro";
 <SvgBackground />
 <div id="container overflow-hidden">
     <main class="overflow-hidden">
-        <div class="absolute flex flex-wrap md:flex-nowrap items-center justify-center gap-2 md:gap-28 max-w-[1200px]">
+        <div class="absolute flex flex-wrap md:flex-nowrap items-center justify-center gap-2 md:gap-28 max-w-[1200px] overflow-hidden py-40">
             <div class="w-5/6 md:w-5/12 flex items-center justify-center" style="position: relative;">
                 <img class="w-11/12 right-cloud" src={cloud.src} alt="cloud1"/>
                 <img class="w-11/12 left-cloud" src={cloud.src} alt="cloud2"/>
                 <img style="z-index: 1" src={mascot.src} alt="mascot" class="object-contain"/>
             </div>
             <div class="w-5/6 md:w-5/12 flex flex-col justify-center items-center gap-4 md:gap-8">
-                <div class="absolute" style="z-index: -1; transform: scale(260%, 260%)">
+                <div class="absolute scale-[1.75] md:scale-[2]" style="z-index: -1">
                     <img src={blob.src} alt="blob" class="w-full"/>
                 </div>
                 <div class="text-xs md:text-sm  text-center bg-[#FFF4DC] text-pink-600 py-2 px-8 header rounded-lg">