fix: vertical adjustments

AtomiCloud · Dec 29, 2024 · 99b593b · 99b593b
1 parent c7a47c5
commit 99b593b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 12 deletions.
diff --git a/src/components/index/Hero.astro b/src/components/index/Hero.astro
@@ -13,10 +13,10 @@ import SvgBackground from "./SvgBackground.astro";
 <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] overflow-hidden md:overflow-visible py-40">
-            <div class="w-5/6 md:w-5/12 flex items-center justify-center" style="position: relative;">
+            <div class="w-11/12 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"/>
+                <img class="w-5/6 md:w-full object-contain" style="z-index: 1" src={mascot.src} alt="mascot"/>
             </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 w-[140%] md:w-[60%] " style="z-index: -1">-->
@@ -25,7 +25,7 @@ import SvgBackground from "./SvgBackground.astro";
                 <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>
-                <div class="w-full">
+                <div class="w-5/6 md:w-full">
                     <img src={logo.src} alt="logo"/>
                 </div>
                 <div class="slogan text-lg md:text-xl font-light text-justify text-light text-sky-800">

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -7,13 +7,4 @@ import '@/styles/globals.css'
 
 <Layout>
 	<Hero />
-	<div>Hello</div>
-	<div>Hello</div>
-	<div>Hello</div>
-	<div>Hello</div>
-	<div>Hello</div>
-	<div>Hello</div>
-	<div>Hello</div>
-	<div>Hello</div>
-
 </Layout>