Какие есть бесплатные ресурсы, чтобы изучать HTML и CSS? И стоит ли слишком глубоко вникать в верстку для frontend-разработки?

Некоторые бесплатные ресурсы для изучения HTML и CSS:

• MDN Web Docs. blog.skillfactory.ru Официальная документация веб-разработчика от команды Mozilla. blog.skillfactory.ru На сайте собраны статьи по работе с HTML, CSS и JavaScript. blog.skillfactory.ru
• W3C. blog.skillfactory.ru Сайт организации W3C, на котором собраны актуальные стандарты веб-разработки. blog.skillfactory.ru Ресурс позволяет познакомиться с основными требованиями к современным веб-проектам. blog.skillfactory.ru
• CSS Diner. blog.skillfactory.ru Браузерная игра для изучения и практики CSS. blog.skillfactory.ru Игра состоит из 32 уровней разной сложности. blog.skillfactory.ru
• Flexbox Froggy. blog.skillfactory.ru Игра на изучение позиционирования с помощью технологии Flexbox CSS. blog.skillfactory.ru Всего в игре 24 уровня, в каждом необходимо с помощью кода разместить лягушек на кувшинках. blog.skillfactory.ru
• HTML book. blog.skillfactory.ru Справочник по HTML и CSS, который будет полезен разработчикам любого уровня. blog.skillfactory.ru Новички смогут с нуля освоить технологии и теги, а специалисты с опытом могут использовать ресурс в качестве справочника. blog.skillfactory.ru
• FreeCodeCamp. blog.skillfactory.ru Курс основ HTML и CSS, позволяющий с нуля изучить веб-разработку и написать свой первый сайт. blog.skillfactory.ru Курс охватывает все базовые темы и рассказывает про адаптивную вёрстку. blog.skillfactory.ru

Насколько глубоко вникать в вёрстку для frontend-разработки, зависит от специфики проекта. vc.ru Минимальные знания вёрстки всегда нужны, так как UI-библиотеки не всегда могут покрыть все запросы интерфейса. vc.ru

Для frontend-разработчика достаточно знать часто используемые теги, как делать простые сетки на флексах или гридах, а также работать с графикой SVG и адаптивностью. vc.ru