diff --git a/src/routes/featured/+page.svelte b/src/routes/featured/+page.svelte
index 4433eb55..f9cc4c82 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 7781f85a..c0860f82 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}