#4 Адаптивная версия для Header, Верстаем по макету из Figma

Урок по верстке сайта по макету из Figma поможет вам научиться создавать веб-страницы, используя готовый дизайн из программы Figma. Вы узнаете, как правильно переносить элементы дизайна на HTML и CSS, чтобы ваш сайт выглядел точно так же, как в макете. В ходе урока вы научитесь работать с различными элементами веб-страницы, такими как заголовки, текстовые блоки, изображения и кнопки. Вы также узнаете, как использовать CSS для стилизации элементов и создания адаптивного дизайна. В результате вы получите готовую веб-страницу, которая будет выглядеть точно так же, как в макете из Figma.

#figma #html #css #itdoctor

[ITDoctor]

Начните зарабатывать деньги освоив самое важное для веб-разработчика. Изучим HTML, CSS, JavaScript, Figma, Photoshop, VS Code, Emmet, BEM, Bootstrap, Vue, Git, GitHub, Gulp. Расскажу как составить портфолио, резюме и взять первый заказ на фрилансе.

[oldborodach]

Да макет простой, но так и надо с малого начинать и потом уже после понимания что как и куда тыкать переходить к более сложным макетам! Так что спасибо за инфу👍

[Taiga_libertarian]

Привет, для шрифтов лучше медиазапросы не использовать. Лучше использовать функцию clamp

[MikaStan]

почему то не вышла у меня адаптивная версия, хотя медиазапросы точно по уроки прописал. Уже примерно на 930px заголовок начинает уходить за правый край.

[MikaStan]

вдогонку к моему первому комменту здесь. Т.е. при уменьшении экрана, заголовок в итоге должен быть в 3 строки (каждое слово 1 строка). Но этого почему то у меня не происходит. А вот с текстом ниже и с кнопкой все ОК)

[kot]

Говорят, вроде с прошлого года отключены инструменты разработчика ?