From 9ad8a4ba8ea20400beedd42fc1bfc782bf066c3e Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Sat, 8 Jun 2024 15:48:40 +0000
Subject: [PATCH] Fix not centered cards on mobile

---
 src/routes/featured/+page.svelte | 4 +---
 src/routes/planner/+page.svelte  | 4 +---
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/routes/featured/+page.svelte b/src/routes/featured/+page.svelte
index 4433eb5..f9cc4c8 100644
--- a/src/routes/featured/+page.svelte
+++ b/src/routes/featured/+page.svelte
@@ -116,9 +116,7 @@
   </article>
 </div>
 
-<div
-  class="grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-4 mt-4 content-center auto-cols-auto ml-6 mr-6"
->
+<div class="flex flex-wrap gap-4 mr-4 ml-4 justify-center content-center">
   {#each data.result as adventure (adventure.id)}
     <AdventureCard type="featured" on:add={add} {adventure} />
   {/each}
diff --git a/src/routes/planner/+page.svelte b/src/routes/planner/+page.svelte
index 7781f85..c0860f8 100644
--- a/src/routes/planner/+page.svelte
+++ b/src/routes/planner/+page.svelte
@@ -248,9 +248,7 @@
   </div>
 {/if}
 
-<div
-  class="grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-4 mt-4 content-center auto-cols-auto ml-6 mr-6"
->
+<div class="flex flex-wrap gap-4 mr-4 ml-4 justify-center content-center">
   {#each adventuresPlans as adventure (adventure.id)}
     <AdventureCard
       {adventure}