Fixing a difference between Gecko and Webkit
Looking at this in firefox and chrome leads to different results, firefox seemingly being broken.
firefox is using the max possible width of the child rather than the
width: auto; calculated width when calculating the size of the parent
changing the auto width to a set pixel with fixes it, but ruins responsiveness. in chromium browsers, behavior is as expected.
can anyone think up a non-js solution? or am i stuck using some weird hackiness to make it work
https://play.tailwindcss.com/cD6Mxb4y4i?layout=horizontalTailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
0 Replies