Merge pull request #85 from seanmorley15/development

Fix not centered cards on mobile

src/routes/featured/+page.svelte

@@ -116,9 +116,7 @@
   </article>
 </div>
 
-<div
+<div class="flex flex-wrap gap-4 mr-4 ml-4 justify-center content-center">
-  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"
->
   {#each data.result as adventure (adventure.id)}
     <AdventureCard type="featured" on:add={add} {adventure} />
   {/each}

src/routes/planner/+page.svelte

@@ -248,9 +248,7 @@
   </div>
 {/if}
 
-<div
+<div class="flex flex-wrap gap-4 mr-4 ml-4 justify-center content-center">
-  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"
->
   {#each adventuresPlans as adventure (adventure.id)}
     <AdventureCard
       {adventure}