Для любого новичка очень важно практиковаться в вёрстке как можно больше. Конечно, перед этим нужно освоить базу — теги, классы, позиционирование, сетки и т.д. Без понимания теории никакая практика не поможет.⠀
Чтобы практиковаться в HTML и CSS советуем использовать ⬇️
▪️ простые макеты сайтов, которые есть в Google поиске;
▪️ готовые проекты в Figma;
▪️ видео в доступных ресурсах — смотреть и повторять процесс.⠀
Также изучи специальные ресурсы ⬇️
▪️ https://htmlbook.ru/practical
— самостоятельный практикум для решения задач, связанных с HTML, CSS и вёрсткой;
▪️ https://www.itmathrepetitor.ru/zadachi-po-html-i-css/
— ещё один сборник, который включает огромное количество задач, в том числе макеты PSD для верстки
▪️ https://psdrepo.com/tag/free-psd-website-templates/
— здесь можно скачать псд-макеты и их верстать;
▪️ https://www.ozaria.com/
— сервис для изучения JavaScript в игровой форме;
▪️ https://maximilyahov.ru/trenazher/
— так называемый тренажёр Ильяхова, развивает редакторскую насмотренность, помогает лучше верстать.⠀
Подытожим: верстай живые макеты, ставь перед собой цель выполнить верстку максимально приближенно к макету и обязательно изучай новые фичи.
#советы_от_methed