1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-03 20:25:18 +02:00

Fix not centered cards on mobile

This commit is contained in:
Sean Morley 2024-06-08 15:48:40 +00:00
parent fcc97f4e6e
commit 9ad8a4ba8e
2 changed files with 2 additions and 6 deletions

View file

@ -116,9 +116,7 @@
</article> </article>
</div> </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)} {#each data.result as adventure (adventure.id)}
<AdventureCard type="featured" on:add={add} {adventure} /> <AdventureCard type="featured" on:add={add} {adventure} />
{/each} {/each}

View file

@ -248,9 +248,7 @@
</div> </div>
{/if} {/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)} {#each adventuresPlans as adventure (adventure.id)}
<AdventureCard <AdventureCard
{adventure} {adventure}