Адаптивная верстка сайта с нуля по макету из Figma #7 CSS Grid и медиа запросы

preview_player
Показать описание
Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS.

Промокод со скидкой: ITDOCTORFE322

В этом уроке мы будем верстать раздел Услуги. Мы сверстаем сетку из 3-х столбцов и 2-х рядов с помощью CSS Grid, а так же сделаем адаптивную версию сайта с помощью медиа запросов @media на CSS для разных устройств.

▶▶ Видео, которые будут вам полезны ◀◀

Поддержать автора ₽ублем:
1. Сбер: 4274 3200 3233 1582

#html #css #figma #flexbox #grid #webdevelop #webdev #itdoctor
Рекомендации по теме
Комментарии
Автор

Спасибо за все ваши труды! Вы не бросаете своих подписчиков ни смотря ни на что и мы это ценим!!!!👍👍👍

kbkdvdv
Автор

Ура, продолжение. А то уж было хандра навалилась и уныние.

tvktckw
Автор

От себя пишу, что купил курс и всем доволен. Конечно, надо учиться, потому что ни один ментор не научит тебя думать и тем более работать.

cmomoop
Автор

Хорошо преподносите материал по этому без раздумий сразу же взял ваш курс. Перейду к нему чтобы лучше закрепить свои знания HTML, CSS. Было бы неплохо ещё добавить курс про бэкенд разработку 😄

yanvsepomnit
Автор

Спасибо. На 19 минуты раздел Services никак по макету не встает. Хотя разделы выше, все по макету.

ivanivanov
Автор

Исмаил, здравствуйте! Спасибо за урок, но у меня вопрос: Вы уверены, что в .services__grid-item необходимо указывать width 100%. В этом случае айтемы прижимаются к бокам без отступа. По крайней мере у меня получается именно так. Может лучше сделать width 400px?

antonbobryshev
Автор

Маленький вопрос: почему нет семантических тегов — main, article и, возможно, aside?

cmomoop
Автор

подскажи все делаю как у вас а grid не срабатывает в колонки не строится почему?

Vladimir-zpkw
Автор

Привет, а мы не будем изучать препроцессоры css на курсе?

demonplay
Автор

А это можно было сделать через background-repeat??

cwvwcci
Автор

Ходят слухи о возможной блокировке youtube, будет ли возможность в этом случае получить доступ к вашему контенту на другом ресурсе?

yxknopy