Center arrow in sizing illustration

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-05-14 09:09:00 -04:00
parent 8b19bd7e1b
commit 7961dbfe39

View File

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