Jen Simmons on Twitter: "Need some good news among all the bad? Do you write CSS? Use Flexbox? Hi. Safari supports the `gap` property for Flexbox. Has since Safari 14.1. Released April
![Preflight breaks max-height image in flexbox in Safari · Issue #9638 · tailwindlabs/tailwindcss · GitHub Preflight breaks max-height image in flexbox in Safari · Issue #9638 · tailwindlabs/tailwindcss · GitHub](https://user-images.githubusercontent.com/18411522/197365911-739cb302-1c94-4afe-b603-300a3571db34.png)
Preflight breaks max-height image in flexbox in Safari · Issue #9638 · tailwindlabs/tailwindcss · GitHub
![ios - Button with display: flex does not work in Safari. Causing size and alignment issues - Stack Overflow ios - Button with display: flex does not work in Safari. Causing size and alignment issues - Stack Overflow](https://i.stack.imgur.com/L9IRE.png)
ios - Button with display: flex does not work in Safari. Causing size and alignment issues - Stack Overflow
![Preflight breaks max-height image in flexbox in Safari · Issue #9638 · tailwindlabs/tailwindcss · GitHub Preflight breaks max-height image in flexbox in Safari · Issue #9638 · tailwindlabs/tailwindcss · GitHub](https://user-images.githubusercontent.com/18411522/197365905-562fbf31-169e-4682-850d-e78b87509fa1.png)
Preflight breaks max-height image in flexbox in Safari · Issue #9638 · tailwindlabs/tailwindcss · GitHub
Jen Simmons on Twitter: "Check out Safari 16's Flexbox Inspector. It shows free space *and* gaps, so you can see how both combine to create the layout you got. It pairs so
![css - Different behavior of flexbox with (overflow-y) scroll on Safari, Firefox and Edge VS Chrome - Stack Overflow css - Different behavior of flexbox with (overflow-y) scroll on Safari, Firefox and Edge VS Chrome - Stack Overflow](https://i.stack.imgur.com/Jrb5O.png)