Урок по верстке сайта по макету из Figma поможет вам научиться создавать веб-страницы, используя готовый дизайн из программы Figma. Вы узнаете, как правильно переносить элементы дизайна на HTML и CSS, чтобы ваш сайт выглядел точно так же, как в макете. В ходе урока вы научитесь работать с различными элементами веб-страницы, такими как заголовки, текстовые блоки, изображения и кнопки. Вы также узнаете, как использовать CSS для стилизации элементов и создания адаптивного дизайна. В результате вы получите готовый фрагмент веб-страницы, который будет выглядеть точно так же, как в макете из Figma. https://youtu.be/ZGeCNkW7FKw ? Полезные материалы и задания к этому уроку: https://stepik.org/113393 ? Репозиторий с кодом: https://github.com/morphIsmail/figma_fragment_1 00:00:20 Верстка без Dev Mode 00:01:57 Плагин Inspect Styles 00:02:43 Кто автор плагина 00:03:30 Обзор макета в Figma 00:05:46 Пишем HTML разметку 00:11:55 Оформляем CSS стили 00:33:29 Адаптивная версия 00:41:30 Подведение итогов ⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor ? Telegram канал - https://t.me/itdoctor_official/4 ? Курсы на Stepik - https://stepik.org/users/387773773/teach ВКонтакте - https://vk.com/itdoctorstudio Яндекс Дзен - https://zen.yandex.ru/itdoctor #figma #html #css #itdoctor