To stop an item from stretching vertically in a flexbox container, apply this to the container: align-self: flex-start;.
In tailwindcss, this would be class="items-center" (or any of the other items-{position} classes). Here's a tailwind example:
<div class="flex items-center"> <button>Edit</button> <button>Delete</button> </div> Ain't no shame in StackOverflow Driven Development.
https://stackoverflow.com/a/33887124/1258020
https://tailwindcss.com/docs/flexbox-align-items
Top comments (0)