align event logos

tampahacks · Oct 16, 2024 · 649d185 · 649d185
1 parent 02225c7
commit 649d185
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Event.astro b/src/components/Event.astro
@@ -13,11 +13,11 @@ const { name, image, link, desc, color } = Astro.props;
 ---
 
 <div
-  class="bg-tampahacks-gray flex w-full flex-col items-center justify-evenly gap-10 rounded-lg border-4 border-black p-5 md:flex-row"
+  class="flex w-full flex-col items-center justify-around gap-10 rounded-lg border-4 border-black bg-tampahacks-gray p-5 md:flex-row"
 >
   <Image src={image} alt={`${name} Logo`} class="w-64" />
-  <div class="flex flex-col items-center justify-start gap-5">
-    <p class="font-jersey text-center text-4xl text-white">
+  <div class="flex w-full flex-col items-center justify-start gap-5 md:w-1/2">
+    <p class="text-center font-jersey text-4xl text-white">
       {desc}
     </p>
     <a