From fcc97f4e6e0d3ce991b4cb3d1b72ee051a8693bd Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Sat, 8 Jun 2024 15:41:46 +0000
Subject: [PATCH] refactor: Update AdventureCard component layout for
 responsive design

---
 src/lib/components/AdventureCard.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/AdventureCard.svelte b/src/lib/components/AdventureCard.svelte
index 4fbb739..816cd2e 100644
--- a/src/lib/components/AdventureCard.svelte
+++ b/src/lib/components/AdventureCard.svelte
@@ -38,7 +38,7 @@
 </script>
 
 <div
-  class="card min-w-max lg:w-96 md:w-80 sm:w-60 xs:w-40 bg-primary-content shadow-xl overflow-hidden text-base-content"
+  class="card w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-md xl:max-w-md bg-primary-content shadow-xl overflow-hidden text-base-content"
 >
   <figure>
     <!-- svelte-ignore a11y-img-redundant-alt -->
@@ -51,7 +51,7 @@
   </figure>
 
   <div class="card-body">
-    <h2 class="card-title break-words max-w-11 text-wrap">
+    <h2 class="card-title break-words text-wrap">
       {adventure.name}
     </h2>
     {#if adventure.location && adventure.location !== ""}