Алекс Глебов, Не думаю, что может быть однозначная рекомендация. Зависит от контента.
Те несколько сайтов от одного дизайнера, который увеличивал шрифт на мобилках, смотрелись очень хорошо и аккуратно. Причем, с компа в адаптивном режиме не было очевидно, что так правильно делать, а с реального устройства - прекрасно.
olya_097, Ради чего сделан левый блок? Он нужен как контейнер для картинки. Пишем: class="inner-services__img-block".
Правый? Это описание услуги. Значит __text или __description или __content.
Всё, теперь их можно стилизовать как угодно, переносить куда угодно, при этом ни у кого не уедет крыша, когда он увидит названия классов.
__left и __right плохо. Названия классов не должны зависеть от положения или оформления.
Сейчас это лево и право, а на мобилках будет верх и низ. Будете переименовывать js'ом?
Зависит от задач и команды в которой будете работать.
Бывали случаи, когда говорили, что js совсем-совсем не нужен, только разметка и стили.
А бывало и очень наоборот.
Нужно смотреть содержимое второго столбца.
Либо выкладывайте проблему в песочницу.
Либо самостоятельно обведите рамкой/тенью/аутлайном внутренние блоки, посмотрите кто там виноват. Может, у вас картинка справа вообще абсолютом.
Но в любом случае хорошо бы знать, что происходит с тем, относительно чего позиционируется этот элемент. Т.е. ближайший старший relative. Потому что и margin считается от него.
но проще управлять их стилями через один css ведь?
Нет, не проще.
Если стиль иконки неразрывно с ней связан, например, логотип партнера, то их нужно писать в самой иконке.
Если стиль зависит от темы сайта, например, иконки оформления, то их разумнее описывать в файле темы (или через current-color).
