From 99b593b12c99714c5d16b842fce772b40489721a Mon Sep 17 00:00:00 2001
From: kirinnee <kirinnee97@gmail.com>
Date: Sun, 29 Dec 2024 13:58:42 +0800
Subject: [PATCH] fix: vertical adjustments

---
 src/components/index/Hero.astro | 6 +++---
 src/pages/index.astro           | 9 ---------
 2 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/components/index/Hero.astro b/src/components/index/Hero.astro
index 2b87847..a711880 100644
--- 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
index b28a195..dbdcf95 100644
--- 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>