Ok, I fixed it. The issue is that Safari needs a vendor-specific prefix for it to work. So if I add a display: -webkit-flex;
to the flexbox
and a -webkit-flex: auto;
to each of the div
s, it works as intended. Dontcha just love CSS browser support?
Here's a working codepen.