====== Vertical Alignment ======

Vertical alignment in CSS is weird. If the width of certain elements is maxed out in relation to their parent element they can be easily vertically aligned by using:
<code css>
items-center // Tailwind
align-items: center // CSS
</code>

If that ISN'T the case however it gets kinda weird.

Either you can just manually do it using vertical padding or margin, which is icky but can work or you try to somehow correctly use
<code css>
vertical-align: top // or
vertical-align: text-top
</code>