Сначала сверстайте чтобы выглядело как на макете, затем чтобы работал функционал. Затем сделайте адаптив. Как получиться. И начинайте рефакторинг. Вынести цвета, шрифты и прочее в переменные. Объедините дубли в CSS. Разбить на компоненты стили, разметку на секции, проверьте наличие тегов section, main, nav, header, footer и пр. С каждым макетом вы будете делать это заранее и совершать меньше ошибок.