Center arrow in sizing illustration
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user