DEV Community

Vincent Engelmann
Vincent Engelmann

Posted on

Flexbox Item Stretching, Oh My!

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)