feat: adjust layout

AtomiCloud · Dec 28, 2024 · fe90160 · fe90160
1 parent eb2ecca
commit fe90160
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/index/Hero.astro b/src/components/index/Hero.astro
@@ -12,13 +12,13 @@ import {Input} from "../ui/input"
 
 <div id="container">
     <main class="gap-24">
-        <div class="flex flex-wrap md:flex-nowrap items-center justify-center gap-2 md:gap-12 max-w-[1000px]">
-            <div class="w-5/6 md:w-1/2 flex items-center justify-center" style="position: relative;">
+        <div class="flex flex-wrap md:flex-nowrap items-center justify-center gap-2 md:gap-28 max-w-[1200px]">
+            <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-2/5 flex flex-col justify-center items-center gap-4 md:gap-8">
+            <div class="w-5/6 md:w-5/12 flex flex-col justify-center items-center gap-4 md:gap-8">
                 <div class="text-xs md:text-sm  text-center bg-[#FFF4DC] text-pink-600 py-2 px-8 header rounded-lg">
                     JOIN THE KKOMMUNITY
                 </div>