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;
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=horizontal