Flexbox and block transfer in safari?

Question

Flexbox

Good evening!
First experience with layout using flexbox. I liked it very much, I pee with boiling water :) But we can't have everything simple. IE, it doesn’t matter, made the elements inline-block (by the way, if inline-block is written in the main style.css, then safari swears at flexbox) and set the required margin. But I don’t know how to deal with safari.
The problem is wrapping elements when narrowing the browser window (when reducing the screen resolution)
https://jsfiddle.net/5ckjyh79/1/ - sample code.
All browsers are great, throw off the unfitted block down and move on, but safari only reduces the width between the blocks and scrolling appears later.
I would be grateful for any help!