Super weird browser behavior that has bitten me multiple times that I always forget how to solve...
If you have images as direct children of a flex container in a table cell, the browser doesn't give the table cell enough width, like it can't compute the content size 🧐
If you have images as direct children of a flex container in a table cell, the browser doesn't give the table cell enough width, like it can't compute the content size 🧐
The solution (which is so weird) is to wrap the images in `div` or `span` elements, and move any sizing to the span instead of the image. Then magically all is fixed.
Weird as hell, and happens in all browsers.
Weird as hell, and happens in all browsers.
So @malfaitrobin got to the real root of this problem for me — it’s actually due to `max-width: 100%` on img tags in the Tailwind reset 👀 Adding `max-w-none` fixes 👍🏻
Still unintuitive as hell but glad to have more info 😅
Still unintuitive as hell but glad to have more info 😅
