Хотя мобильное разрешение

а с чего взял шо в джс может ?)))

скинь скрин с десктопа

.class {
  marginOtRyada: 20px;
}

Да вот этот скрин снят с мобильной версии в браузере

А это с сафари

доверяю валентину

И марджин справа проебался

вот тут у тебя должен быть паддинг, а не маржин

паддинг у родителя если шо

а итемам маржин задавай так:

а почему маржин не робит в иосе?

там как-то по-другому считается ширина флекс родителя?\

хотя там марджин скорее всего сьезжает за экран

странно что хром позволяет такую ебанину

в иосе марджин справа проебывается

да, в браузерах на хромиуме таких проблем не замечал и даже в ИЕ, а на ИОС нужно большую часть размером задавать статически
вот тебе пример, с которым я не 1 раз сталкивался, но его вроде пофиксили с 13 версии ИОС уже

у тебя есть флекс родитель, в нём есть 5 итемов, ты хочешь чтобы у всех итемов была одинаковая ширина, для этого достаточно задать .item { width: 100%; min-width: 0 }, а ИОС-е у тебя какой-то итем да поедет за пределы контейнера
но большая часть траблов у меня была при вёрстке под СПА, когда итемы должны занимать 100% высоты от какого-то родителя, вот тут и у меня ебатня была

я таску не могу в мастер отправить из-за этого ебучего сафари азхаах