flex-1 and flex-grow works differently in safari

[hassanzadeh]

Hey Guys,
I noticed that using flex-grow is not working as expected in safari, I created a simple example for you, not sure at this point if I should blame tailwind for safari for this, but can you explain why this is happening:
https://www.reddit.com/r/tailwindcss/comments/i2govk/different_rendering_in_chrome_and_safari/

When I use flex-1 instead of flex-grow it works (I mean in safari) otherwise there is overflow and inner most divs get out of the screen. Any thoughts?

Best