Верстка сайта с нуля для начинающих | HTML CSS | Верстка секции с телефонами | Урок №3

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

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

👉 Макет проекта доступен по следующей ссылке:

👉 Готовый код всего проекта вы можете скачать по следующей ссылке:

💻 Будем рады видеть вас в наших сообществах, в них мы регулярно публикуем новости и интересные материалы для ваших проектов.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Тайм коды:

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:

👉 Уроки по HTML, базовый курс:

👉 Уроки по графическому редактору Figma:

👉 Уроки по CSS FlexBox:

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