From 7961dbfe39c917daa08cde24bcefaeb767175de2 Mon Sep 17 00:00:00 2001
From: patrick <patrickjaroszewski@protonmail.com>
Date: Thu, 14 May 2026 09:09:00 -0400
Subject: [PATCH] Center arrow in sizing illustration

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/routes/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 0404d8b..12a47d3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -365,7 +365,7 @@
 						</p>
 					</div>
 					<div class="flex-shrink-0 order-1 lg:order-2">
-						<div class="flex gap-4 items-end">
+						<div class="flex gap-4 items-center">
 							<!-- Mismatched size -->
 							<div class="text-center">
 								<div class="w-16 h-24 rounded border-2 border-dashed border-grey-300 flex items-center justify-center bg-grey-50">
@@ -374,7 +374,7 @@
 								<p class="text-xs text-grey-400 mt-2">Wrong size</p>
 							</div>
 							<!-- Arrow -->
-							<div class="text-grey-300 pb-6">
+							<div class="text-grey-300 -mt-6">
 								<ArrowDown class="w-5 h-5 rotate-[-90deg]" />
 							</div>
 							<!-- Perfect size -->