Здравствуйте. Вот
сайт в блоке где флаги не работает свой-во flex-wrap:wrap в Safari подскажите пожалуйста как это можно обойти?
<div class="flags-row">
<div class="flag-item">
<a href="#"><img src="/assets/theme/img/Eng-flag.png" alt="">Английский</a>
</div>
<div class="flag-item">
<a href="#"><img src="/assets/theme/img/fr-flag.png" alt="">Французский</a>
</div>
<div class="flag-item">
<a href="#"><img src="/assets/theme/img/ger-flag.png" alt="">Немецкий</a>
</div>
<div class="flag-item">
<a href="#"><img src="/assets/theme/img/chin-flag.png" alt="">Китайский</a>
</div>
<div class="flag-item">
<a href="#"><img src="/assets/theme/img/jap-flag.png" alt="">Японский</a>
</div>
<div class="flag-item">
<a href="#"><img src="/assets/theme/img/esp-flag.png" alt="">Испанский</a>
</div>
<div class="flag-item">
<a href="#"><img src="/assets/theme/img/ital-flag.png" alt="">Итальянский</a>
</div>
<div class="flag-item">
<a href="#"><img src="/assets/theme/img/swed-flag.png" alt="">Шведский</a>
</div>
<div class="flag-item">
<a href="#"><img src="/assets/theme/img/cheh-flag.png" alt="">Чешский</a>
</div>
<div class="flag-item">
<a href="#"><img src="/assets/theme/img/all-flag.png" alt="">Другие</a>
</div>
</div>
.flags-row{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flag-item{
margin-top: 40px;
text-align: center;
-webkit-flex-basis: 10rem;
-ms-flex-preferred-size: 10rem;
flex-basis: 10rem;
}
Простой
Простой
