From f0bfa8f37f23e70d36e166144883b8cb19665ec6 Mon Sep 17 00:00:00 2001
From: JovannMC <jovannmc@femboyfurry.net>
Date: Fri, 3 Jan 2025 17:06:19 +0300
Subject: [PATCH] make about page mobile friendly

---
 src/lib/sections/about/Credits.svelte | 11 +++++++++--
 src/routes/about/+page.svelte         |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/lib/sections/about/Credits.svelte b/src/lib/sections/about/Credits.svelte
index 3d2385a..0b39a48 100644
--- a/src/lib/sections/about/Credits.svelte
+++ b/src/lib/sections/about/Credits.svelte
@@ -12,12 +12,19 @@
 	role?: string,
 )}
 	<div class="flex items-center gap-4">
-		<a href={github} target="_blank" rel="noopener noreferrer">
+		<a
+			href={github}
+			target="_blank"
+			rel="noopener noreferrer"
+			class="flex-shrink-0"
+		>
 			<img
 				src={avatar}
 				alt={name}
 				title={name}
-				class="{role ? 'w-14 h-14 hoverable-md' : 'w-10 h-10 hoverable-lg'} rounded-full"
+				class="{role
+					? 'w-14 h-14 hoverable-md'
+					: 'w-10 h-10 hoverable-lg'} rounded-full"
 			/>
 		</a>
 		{#if role}
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 468a8ba..9b028de 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -89,7 +89,7 @@
 	</h1>
 
 	<div
-		class="w-full max-w-[1280px] flex flex-row gap-4 blur-in"
+		class="w-full max-w-[1280px] flex flex-col md:flex-row gap-4 blur-in p-4 md:p-0"
 		style="--delay: 60ms"
 	>
 		<!-- Why VERT? & Credits -->