Верстка сайта с нуля для начинающих | HTML CSS | Верстка се?

Описание

Всем привет :) Приглашаю вас заняться вместе со мной версткой сайта с нуля, особенно - это будет полезным для начинающих. Верстать сайт мы будем на чистом HTML и CSS.
Верстку сайта мы с вами реализуем за 8 коротких уроков !

👉 В этом уроке мы вместе с вами сверстаем секцию с изображениями телефонов.

👉 Макет проекта доступен по следующей ссылке:
https://www.figma.com/design/kEn2Aqeqmlg3MGSxY1J4yD/%D0%9C%D0%B0%D0%BA%D0%B5%D1%82-Bella-Olonge-(Original)?m=auto&t=nrPFCVWtssFF0uZv-6

👉 Готовый код всего проекта вы можете скачать по следующей ссылке:
https://drive.google.com/file/d/1pGj0EimBt8MnDHA9LcLsbDM8oQQHt_lo/view?usp=sharing

👉 Если вы столкнулись с какими-либо сложностями при верстке проекта и вам необходима помощь в поиске ошибок, или же обратная связь по вашему проекту, пишите в чат, буду рад помочь, ссылка на чат: https://t.me/+vPthXuGY5thkZDJi

💻 Будем рады видеть вас в наших сообществах, в них мы регулярно публикуем новости и интересные материалы для ваших проектов.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
👉 Вконтакте: https://vk.com/web__skills
👉 Telegram канал: https://t.me/web_skills
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Тайм коды:

00:00:00 - Анализируем секцию в макете.
00:02:20 - Экспортируем необходимые изображения.
00:03:30 - Создаём HTML разметку для секции.
00:07:20 - Прописываем необходимые css стили для секции.
00:10:12 - Устанавливаем расширение Pixel Perfect.
00:13:20 - Подбираем значения для необходимых отступов.
00:18:55 - Проверяем свою верстку с помощью Pixel Perfect.
00:19:10 - Подведение итогов верстки секции.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

👉 Уроки по редактору кода Visual Studio Code:
https://www.youtube.com/playlist?list=PLuHUihQUkBMI8-HbZ0PEIHMpi-zdBlq5n

👉 Уроки по HTML, базовый курс:
https://www.youtube.com/playlist?list=PLuHUihQUkBMJa7BBiMmEWEVFkgXX6JcYS

👉 Уроки по графическому редактору Figma:
https://www.youtube.com/playlist?list=PLuHUihQUkBMIGWwwndKd5SlYWKPfrk3mo

👉 Уроки по CSS FlexBox:
https://www.youtube.com/playlist?list=PLuHUihQUkBMKBqrR-S1ASFw9w-e4n8RM7

#html #верстка #css