Верстальщика макетов или HTML верстальщика?
Для HTML вообще не важно, главное красивый и качественный код
А если как дизайнера, то слишком просто и однообразно, повторяющиеся по дизайну блоки, простые формы. Нужно что-нибудь поинтереснее)

1 - Нужно семантически верно сверстать блоки и не будет таких проблем - внутри ссылки не должно быть каких-то интерактивных элементов
2 - Проверил preventDeafault всё отработало

Конструктор никогда не убьет вёрстку, ввиду своей ограниченности, чистый код всегда актуален. В макеты всегда нужно вносить правки, а без знания верстки тут не обойтись.

В ВК в мобильной версии на телефоне нет возможности свайпом увеличить масштаб.
Значит какой-то способ есть

Это вопрос по верстке а не JS
у тебя 2 блока растягивают всю верстку из-за этого границы уходят за пределы экрана

<div style="width: 900px; height: 20px; background-color: red"></div>
          <div style="width: 500px; height: 20px; background-color: green"></div>