6. Шапка. Верстка контента. Бесплатный курс по верстке сайтов HTML CSS

Видео урок из курса по HTML верстке сайтов для новичков "Создай свой первый сайт на HTML5 и CSS3".
Чтобы получить файлы макета, готовый код и конспекты к урокам необходимо подписаться на курс: webcademy.ru/htmlsite/
В этом уроке мы займёмся вёрсткой контента в шапке сайта.
Мини курс по HTML верстке сайтов для начинающих. Этот курс подойдет для тех кто хочет научиться создавать сайты и хочет сверстать свой первый сайт.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 01 Июля 2024 года.
💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 03 Июня 2024 года.
💻 Курс "Разработка сайтов на PHP + MySQL":
webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми: webcademy.ru/
💈 Вступайте в группу Вконтакте: webcademy
💈 Подписывайтесь на Telegram: t.me/webcademynews

[@user-wi6fs3vj3k]

Спасибо! Доступно и интересно буду ждать продолжения

[@oldborodach]

Не понял ✅ почему 🤔 width 1170px у меня получается меньше почему-то? Всё я разобрался так как я работаю в Edge получается просто консоль нужно сделать так чтобы она была снизу, не сбоку☝😲

[@oldborodach]

Ну что добавлю,☝ неплохой урок, но очень все быстро и ☝ не объясняешь для чего тот или иное и почему 🤔 , но как я понял это просто экскурс в верстку!

[@dicer250]

подскажите, зачем нужен класс header-btns в принципе? Это что, какие то отличные кнопки будут от кнопок футера или других каких-то секций?

[@kirill-lev]

header-btns это блок (контейнер) для кнопок. Можно для него поставить display: flex; чтобы кнопки находились в одной строке, отцентрировать по высоте, если кнопки разные по высоте и проставить gap (отступы между кнопками). Если контейнер не задавать, сделать это будет сложнее. У кнопок в этом видео нет зависимости от их контейнера, поэтому класс кнопок можно будет использовать в других частях сайта.