В уроке разобрана вёрстка по Figma-макету с нуля: настройка Root с fluid-вёрсткой в vw, Style Guide с глобальными классами, hero-секция с нестандартным позиционированием, карточки продуктов, секция отзывов. По ходу — ответы на вопросы чата про единицы, классы, адаптив.
Fluid-вёрстка через Root — главный принцип: брейкпоинт Figma-макета (например 1440px) переводится в vw (14 / 1440 * 100 ≈ 0.97vw). Дальше все размеры в em — они масштабируются пропорционально. Адаптив требует минимальных правок.
Урок — длинный практический разбор от начала до конца. Подходит тем, кто хочет освоить fluid-вёрстку на реальном проекте. Базовые знания Taptop (Flex, классы, адаптив) нужны. Понимание vw и em после урока по единицам измерения обязательно.