feat: update section height and margin in index.html

bestest-design · Dec 28, 2024 · 407c798 · 407c798
1 parent b854632
commit 407c798
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -33,14 +33,14 @@
         <img src="./img/WCMW_logo_12.svg" alt="WCMW Background dancing guy" class="w-full h-full object-contain">
     </background>
 
-    <section class="flex flex-col justify-between h-screen w-full max-w-[2560px] lg:px-16">
+    <section class="flex flex-col justify-between h-vh w-full max-w-[2560px] lg:px-16">
 
       <top class="flex flex-row flex-wrap justify-between align-top max-h-48">
           <img src="./img/WCMW_16.svg" alt="WCMW Logo" class="w-1/5 max-h-32">
           <img src="./img/WCMW_5.svg" alt="When Coffee Meets Whisky" class="w-3/5 max-h-10 md:w-2/5">
       </top>
 
-      <main class="flex flex-row flex-wrap justify-center mb-6 mt-[180px] sm:mb-0 sm:mt-0" id="boom">
+      <main class="flex flex-row flex-wrap justify-center my-12 sm:mb-0 sm:mt-0" id="boom">
           <img src="./img/WCMW_BOOM.svg" alt="WCMW boom" id="spinner" class="max-h-40">
           <img src="./img/WCMW_BOOM_LINE.svg" alt="WCMW boom" class=" opacity-40 absolute -z-10 max-h-40 animate-ping-slow">
       </main>