Как научиться верстать без проблем?
Студентам в начале курса говорила, кто хорошо в детстве играл в лайнс,  тетрис и подобное, тот будет хорошо верстать. 
Верстка это обычная геометрия средней школы записанная с помощью тегов и раскрашеная/подвинутая стилями. Всё.
Всякие JS и т.д. это просто следующий этап. 
План действий может быть таким:
1. Берете/получаете макет
2. Внимательно рассматриваете его, мысленно разбивая на блоки. Думаете что куда может/должно растягиваться или уменьшаться при изменениях экрана и увеличении/уменьшении контента. 
3. Если п.2. сразу не осилился, идете гулять или спать.
4. Возвращаетесь к п.2.
5. Верстаете понятные большие блоки, затем их заполняете. Разбивайте задачи более простые.
По началу полезно пролистывать справочник, потому что в голове остаются часто используемые решения, а о других возможностях забывается. 
А совсем без проблем не выйдет, потому что экранов много, браузеров много, хотелок у заказчиков еще больше. Хорошо, когда эти хотелки интересные :)
все просто если наплевать на устаревшие браузеры - лет через пять они точно вымрут
на этапе обучения лучше так поступить - а пока доучишься они вымрут
блоки верстай только флексбосом
и абсолютным и фиксированым позиционированием
без флоатов