fixed allignment

src/components/flight.astro

@@ -1,13 +1,13 @@
 ---
 const { departureAirport,flightNumber,duration,arrivalAirport,aircraftType } = Astro.props;
 ---
-<div class="w-[calc(50%-10px)] bg-white aspect-[3/1] flex justify-between items-center px-2">
+<div class="w-[calc(50%-10px)] bg-white aspect-[5/1] flex justify-between items-center px-2 rounded shadow-sm">
     <div class="flex flex-col justify-center items-center">
         <span class="font-bold">{departureAirport}</span>
         <span class="text-sm">{flightNumber}</span>
     </div>
     <div class="flex flex-col justify-center items-center pt-4">
-        <span class="text-sm">- - - - - <img src="/airplane.svg" class="w-6 aspect-square inline"/> - - - - -</span>
+        <span class="text-sm flex justify-center items-center overflow-hidden">- - - - - - - - - - <img src="/airplane.svg" class="w-6 aspect-square inline"/> - - - - - - - - - - </span>
         <span class="text-sm">{duration}</span>
     </div> 
     <div class="flex flex-col justify-center items-center">

src/pages/index.astro

@@ -27,7 +27,7 @@ import Accordion from "../components/Accordion.astro";
     >
       <div class="grid grid-cols-4 grid-rows-1 xl:grid-rows-3 gap-4 h-fit">
         <div
-          class="col-span-4 h-fit py-12 flex flex-col justify-center items-center bg-[#e6e8ee] w-full"
+          class="col-span-4 h-fit py-6 flex flex-col justify-center items-center bg-[#e6e8ee] w-full"
         >
           <img src="/logo.svg" alt="" class="w-32 aspect-auto" />
         </div>
@@ -39,8 +39,8 @@ import Accordion from "../components/Accordion.astro";
           >
             👋🏻 Sponsors
           </h3>
-          <img src="/simnord1.png" alt="" class="h-auto w-64 my-6 px-12 rounded-md" />
-          <img src="/logo.svg" alt="" class="h-auto w-64 my-6 px-12 rounded-md" />
+          <img src="/simnord1.png" alt="" class="h-auto w-64 my-12 px-12 rounded-md" />
+          <img src="/vatsca.svg" alt="" class="h-auto w-64 my-12 px-6 rounded-md" />
         </div>
         <div
           class="flex flex-col overflow-hidden rounded-lg px-4 w-full col-span-4 xl:col-span-2 xl:col-start-2 md:row-start-2 bg-[#e6e8ee] h-full py-4"
@@ -50,21 +50,21 @@ import Accordion from "../components/Accordion.astro";
           >
             <a
               href="/Copenhagen Airport Pilot Briefing 2024.pdf"
-              class="aspect-video flex flex-col items-center justify-center p-4 rounded"
+              class="aspect-video flex flex-col items-center justify-center p-4 hover:bg-[#d6d8ddea] rounded"
             >
               <span class="text-4xl">🧑🏻‍✈️</span>
               <span class="text-xl font-medium">Pilot Briefing</span>
             </a>
             <a
               href="https://booking.vatsim-scandinavia.org/"
               target="_blank"
-              class="aspect-video flex flex-col items-center justify-center p-4 rounded"
+              class="aspect-video flex flex-col items-center justify-center p-4 rounded hover:bg-[#d6d8ddea]"
             >
               <span class="text-4xl">✈️</span>
               <span class="text-xl font-medium">Book a slot</span>
             </a>
             <div
-              class="aspect-video flex flex-col items-center justify-center p-4 rounded"
+              class="aspect-video flex flex-col items-center justify-center p-4 rounded hover:bg-[#d6d8ddea]"
             >
               <span class="text-4xl">📄</span>
               <span class="text-xl font-medium">Learn more</span>
@@ -73,7 +73,7 @@ import Accordion from "../components/Accordion.astro";
         </div>
         <a
           href="/va"
-          class="flex flex-col justify-center items-center overflow-hidden rounded-lg px-4 col-span-4 xl:col-span-1 xl:col-start-2 xl:row-start-3 bg-[#e6e8ee] h-full py-4"
+          class="flex flex-col justify-center items-center overflow-hidden rounded-lg px-4 col-span-4 xl:col-span-1 xl:col-start-2 xl:row-start-3 bg-[#e6e8ee] hover:bg-[#d6d8ddea] h-full py-4"
         >
           <h3 class="text-4xl font-medium p-4 w-fit">
             Virtual <br /> Airline <br /> Fly-in
@@ -82,7 +82,7 @@ import Accordion from "../components/Accordion.astro";
         <a
           href="https://twitch.tv/vatsimscandinavia"
           target="_blank"
-          class="flex flex-col justify-center items-center overflow-hidden rounded-lg px-4 col-span-4 xl:col-span-1 xl:col-start-3 xl:row-start-3 bg-[#e6e8ee] h-full py-4"
+          class="flex flex-col justify-center items-center overflow-hidden rounded-lg px-4 col-span-4 xl:col-span-1 xl:col-start-3 xl:row-start-3 bg-[#e6e8ee] hover:bg-[#d6d8ddea] h-full py-4"
         >
           <img class="w-32" src="/Twitch_logo.svg" alt="" />
         </a>