Anton Filippov

Держи, сделал для тебя
https://jsfiddle.net/LeLopcwu/1/

Изучи и никогда не пиши классы транслитом :)

https://codepen.io/vicodin/pen/vpvvXR

так у вас span - и есть первый child внутри родительского блока box, поэтому к нему и применяются стили.
если вы хотите выделять только среди box__item то оберните их ещё в один див, или используйте nth-of-type, как верно подметили zoozag и Stimulate

overflow: auto

сделать второй .row и в нём уже три колонки

на каком блин баннере? сайты выглядят идентично в хроме и сафари. Баннеров нет на обоих.

одиночные иконки, которые не будут менять внешний вид подключать как img

иконки, цвет которых нужно менять при наведении(или не только цвет), минифицировать через https://jakearchibald.github.io/svgomg/ и вставлять прямо через svg (или настраивать в сборщике, чтобы он заменял img svg на svg элементы)

наборы svg иконок засовывать в один свг файл в виде символов и использовать их
https://css-tricks.com/svg-symbol-good-choice-icons/

тот процент, который в требованиях клиента прописан, я же разработчик, а не аналитик. А клиенты уже должны изучать ЦА сайта. С поддержкой минимального расширения то же самое. При этом если клиент спросит - я любезно найду для него актуальную статистику.

Статистически - чаще всего поддержка 95%+ браузеров и вьюпортов клиентов устраивают.

используйте nunjucks, pug, gulp-include, что угодно