Обходной путь разрыва Flexbox для Safari ⇐ CSS

[Anonymous]

Я закончил работу над своим веб-сайтом, но не осознавал, что Safari не поддерживает свойство разрыва flexbox. Есть ли способ обойти это, не нарушив ничего? В основном это касается моих медиа-запросов.









.social-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8rem;
margin-top: 10rem;
padding-bottom: 2rem;
}

.social-media img {
width: 90px;
height: 90px;
}

@media only screen and (max-width: 400px) {
.social-media {
gap: 3rem;
margin-top: 5rem;
}
.social-media img {
width: 62px;
height: 62px;
}
}


Подробнее здесь: https://stackoverflow.com/questions/654 ... for-safari