multiple cosmetic changes

Former-commit-id: 6f52d7c81c645ec43c4344bde07539db0f008dac
This commit is contained in:
Christian Beutel
2024-03-15 15:25:51 +01:00
parent f33a4d13f7
commit 662a9c006d
11 changed files with 59 additions and 41 deletions

View File

@@ -75,13 +75,13 @@
</svelte:head>
<section
class="hero grid grid-cols-1 md:grid-cols-2 md:px-8 md:gap-8"
class="hero grid grid-cols-1 lg:grid-cols-2 md:px-8 md:gap-8"
style="height: calc(100vh - 112px)"
>
<div
class="flex flex-col justify-center gap-8 max-w-md mx-8 md:mx-auto lg:-mt-24"
class="flex flex-col justify-center gap-8 max-w-md mx-8 sm:mx-auto mt-0 lg:-mt-24 md:mt-24"
>
<h2 class="text-7xl font-bold">
<h2 class="text-5xl sm:text-6xl md:text-7xl font-bold">
{$_("welcome_to")} <span class="-tracking-[0.075em]">wanderer</span>
</h2>
<h5>
@@ -102,7 +102,7 @@
</div>
</section>
<section
class="max-w-7xl mx-auto mt-8 px-8 xl:px-0 grid grid-cols-1 md:grid-cols-2 items-center"
class="max-w-7xl mx-auto mt-8 px-8 xl:px-0 grid grid-cols-1 md:grid-cols-2 items-center gap-x-12"
>
<div
id="trails"
@@ -111,7 +111,7 @@
{#if $trails.length == 0}
<div>
<img
style="max-width: 450px"
style="max-width: min(450px, 100%)"
class="rounded-full aspect-square"
src="/imgs/default_thumbnail.webp"
alt="Empty State showing a wanderer going into the distance"