Добрый вечер!
Первый опыт верстки с использованием flexbox. Очень понравилось, писаю кипятком :) Но у нас же не может быть все просто. IE, не беда, сделал элементы inline-block (кстати, если inline-block прописать в основном style.css, то safari ругается на flexbox) и выставил нужный margin. А вот с safari как бороться не знаю.
Проблема заключается в переносе элементов при сужении окна браузера (при уменьшении разрешения экрана)
https://jsfiddle.net/5ckjyh79/1/ - пример кода.
Все браузеры молодцы, скидывают непоместившийся блок вниз и поехали дальше, но safari уменьшает лишь ширину между блоками и в последствии появляется прокрутка.
Буду благодарен за любую помощь!