flex-wrap not working as expected in Safari

Question

On the homepage of http://www.shopifyexperte.de/ there are two flex-box modules, one under \"Kundenstimmen\" and one under \"Neueste Beiträge...\". The inner boxes are suppo

Answer 1

I had a similar issue in Safari (9.1.3) with the Bootstrap 3 grid system (e.g. col-md-4) in combination with flex. I solved it by setting margin: 0 -1px; on the col items and flex-wrap: wrap; on the wrapper.

Answer 2

I just ran into this issue again and used 'flex-flow'. Worked like a charm.

.row {
    @include flex();
    @include flex-wrap();
    flex-flow: row;
}