Как исправить баг в Safari с flexbox?
.col-auto {
    flex-grow: 1;
    flex-basis: initial; // Тут надо не 0, а initial, например. 
// Иначе сафари справедливо считает, что мин. размер блока нулевой, 
// так что переносить блоки не надо, они всё равно помещаются
    max-width: 100%;
    padding: 8px;
}
PS И у .row не надо прописывать `flex: 0 1 auto;`, если только он. сам не является дочерним flex-элементом.
https://autoprefixer.github.io/ru/ это не поможет Вам?