Nevada18

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

Верстать

обычно слои перекрываются с помощью z-index

названия классов у вас, конечно, крутые. вы хоть однотипно пишите. а то один класс начинается с большой буквы, другой с маленькой. то camelCase, то непоймиЧтоCase. лучше несколько слов писать через дефис или нижнее подчеркивание

если я правильно понял, то это через js делать надо. на блок ставить условие, если его ширина больше определенной, то убирать флоат

элементы ж как то позиционируются, нет?и как то через css. тут и думать не надо

нет стилей на элементах при ховере, например блок соцсетей и бургер меню. карту я вообще не понял - что она показывает? нет меток. либо косяк дизайнера, либо вы упустили маркер. и нет интерактивности карты
простой макет, что бы оценивать что то

исправьте ссылку - не работает.

вешать hover на обертку img, при наведении иконку делать visibility: visible.

.img_wrapper:hover {
  ...
  background: rgba(0,0,0,0.5) //прозрачность сами выставите
}

img_wrapper:hover .icon {
 visibility: visible
}

как то так

да
и если позволите замечание - нет эффектов наведения на пункты меню, кнопках выбора тарифного плана и кнопки подписки

может его включить надо? скрипт
p.s. не вижу своего файла js

разбить на два списка и поставить рядом