Anton Filippov

можно паддингом, как посоветовал Артем Кирьянов, но если что-то изменится то придется опять лезть и менять, в вашем случае красивее и корректнее сделать так: https://jsfiddle.net/e5tjwLb9/2/

1 шаг - получить базу фундаментальных знаний в выбранной сфере (в это же время можно сформировать некое начальное портфолио)
2 шаг - изучить основы маркетинга для дальнейшего построения общения с клиентами
3 шаг - изучить рынок на предмет ценовой политики для формирования собственной стратегии роста и постановки первоначальной почасовой ставки
4 шаг - оформить профили на фриланс биржах основываясь на знаниях полученных выше и примерах профилей успешных фрилансеров(не копировать, а писать своё)
5 шаг - начинать посылать отклики на проекты, выполнение которых требует не меньше ~70% текущих знаний
6 - повторять 5 шаг, корректируя стоимость часа, до "устаканивания" в среднем рейте по сфере, регулярно обновляю информацию в профилях на биржах и пополняя портфолио завершёнными проектами - с чёткой детализацией выполненных задач в них.
7 - не забывать продолжать развиваться в выбранной сфере и нишеваться в узких направлениях если изначально было выбрано слишком широкое

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

такое вложение даёт некоторую "защиту" от того, что класс с подобным именем в другом родительском блоке переопределит такие стили, но это плохой код, так как двойные-тройные-энные селекторы замедляют рендер css, лучше использовать одинарные с БЭМ

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

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

делайте респонсив вёрстку, которая будет везде смотреться хорошо, это не так сложно.

css

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

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

overflow: auto