make about page mobile friendly

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}

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 -->