feat: simplify design & add further attributions

This commit is contained in:
Julian Tölle 2023-03-27 22:16:53 +02:00
parent d64bc021f2
commit 5b8a5d06be
10 changed files with 89 additions and 39 deletions

View file

@ -6,11 +6,17 @@
</script>
<div
class={`flex flex-col md:flex-row ${mirrored && "md:flex-row-reverse"} m-8 items-center`}
class={`flex flex-col md:flex-row ${
mirrored && "md:flex-row-reverse"
} m-8 my-12 items-center`}
>
<img src={image} alt={`Grafik vom Charakter ${name}`} class="w-48 rounded-full" />
<img
src={image}
alt={`Grafik vom Charakter ${name}`}
class="w-48 rounded-full"
/>
<div class="p-4 text-center md:text-left {!mirrored && "md:text-right"}">
<div class="p-4 md:text-left {!mirrored && 'md:text-right'}">
<h3 class="text-4xl mb-4 font-vinque">{name}</h3>
<p>