Merge pull request #84 from seanmorley15/development

refactor: Update AdventureCard component layout for responsive design
This commit is contained in:
Sean Morley
2024-06-08 11:43:02 -04:00
committed by GitHub

View File

@@ -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 !== ""}