I think flex-wrap is more of a problem itself. Some browser (most likely safari) just decide to wrap it even its child explicitly specify flex-shrink to allow s

I think flex-wrap is more of a problem itself. Some browser (most likely safari) just decide to wrap it even its child explicitly specify flex-shrink to allow shrinking to fit the container (Thus explode the layout). It is better to set as never wrap unless you explicitly want to.