Froggyweb

bootstrapом вроде или материл дизайн модно и сетка есть

Очень толстые рамки желтых квадратов. Не очень понятен их функционал. Для акцентов их слишком много и они очень активные
шрифт font-family: Banny; вообще мимо кассы

в данном варианте custom select например select2 или мне нравится formstyler оба требуют jQuery, наверняка уже и нативные варианты появились.

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

Так там все адаптивно. все разложено по вкладкам. Это стеб?

потому что у тебя фиксированная высота шапки. Старайся никогда не задавать высоту блокам вообще. Только в очень крайних случаях. Это очень плохая практика.

два паразитных свойства ты уж определись чего хечешь

white-space: nowrap;
max-width: 400px;

Ну или сервер расставляет классы прямо в разметке

color: pink; для p это унаследованный стиль
color: green; - явно заданный
специфичность селекторов

body
/* overflow: hidden; */
и не нужно где ни поподя лепить position:absolute

Hover надо не на картинку ставить, а на обертку

https://habr.com/ru/post/431046/

overflow: hidden
большая книга css

в беспатентных шаблонах максимум что требуют оставить копирайт на дизайн в футере

флоаты для макета сейчас уже не очень актуальны используй флекс или грид
раскладка на флексбокс prgssr.ru/development/grid-fleksboks-i-vyravnivani...

Картинки не имеющие смысла т.е. оформительские стоит делать через backgraund css

есть barba.js скорее всего есть другие решения, но это очень неплохое, в мире реакт вью и пр. свои правила