Слушайте, ну уже пхп7 вышел, уже пхп4 10 лет как не актуален, НУ ОТКУДА ВЕСЬ ЭТОТ МУСОР ИЗ 90х??? Неужто так сложно прочитать про ооп и мвц, ну пусть мвц не сразу, но хоть понятие объектов, вы же такой говнокод небось еще и в рабочем проекте использовать будете? Вам же нужно как-то потом людям в глаза смотреть! Не стыдно?
использовать готовые фреймворки и сетки - это одно. но если человек делает верстку без фреймворков - это не значит, что он делает ее без сетки. просто он создает свою сетку.
Как это делают крутые дяди-фронтендеры?
вот так и делают. создают свою сетку, которая будет во всем их устраивать.
Честно ничего не понял из Вашего длинного повествования, но то что понял выглядит так: jsfiddle
при адаптивности блоки (фиксированной ширины) будут подстраиваться под ширину экрана
1) задний блок - обычный белый фон и черный border.
2) london отдельным блоком display: inline-block и черный фон
3) делаешь для london :after и делаешь черный треугольник через border (https://habrahabr.ru/post/126207/)
как то так: https://jsfiddle.net/qh4sd2bq/
Собственно в поддержке есть готовый сценарий как перенести счетчик на другой логин не имея доступа к самому счетчику: feedback2.yandex.ru/metrika/transfer/noaccess
После переноса у Вас будет полный доступ, включая и старую историю