From 24cf98d68f02625cb60f74da98847f78e2ba937a Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Thu, 11 Jul 2024 10:11:36 +0200
Subject: [PATCH] shrink font and img for small screens

---
 website/src/routes/[...language]/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/src/routes/[...language]/+page.svelte b/website/src/routes/[...language]/+page.svelte
index 75f17c2e..4a07dc00 100644
--- a/website/src/routes/[...language]/+page.svelte
+++ b/website/src/routes/[...language]/+page.svelte
@@ -41,7 +41,7 @@
 <div class="space-y-24 my-24">
 	<div class="px-12 w-full flex flex-col items-center">
 		<div class="flex flex-col gap-6 items-center max-w-3xl">
-			<div class="text-6xl font-black text-center">{$_('metadata.app_title')}</div>
+			<div class="text-5xl xs:text-6xl font-black text-center">{$_('metadata.app_title')}</div>
 			<div class="text-xl text-muted-foreground text-center">
 				{$_('metadata.description')}
 			</div>
@@ -117,7 +117,7 @@
 				</h1>
 				<p class="text-muted-foreground">{$_('homepage.maps_description')}</p>
 			</div>
-			<div class="relative h-80 aspect-square rounded-2xl shadow-xl overflow-clip">
+			<div class="relative h-60 xs:h-80 aspect-square rounded-2xl shadow-xl overflow-clip">
 				<enhanced:img
 					src={mapboxOutdoorsMap}
 					alt="Mapbox Outdoors map screenshot."