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

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

Большой практический КУРС "Frontend разработчик на HTML, CSS и JavaScript": https://stepik.org/z/113402
Промокод со скидкой: ITDOCTORFE322

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

Курс "Верстка сайта с нуля по макету из Figma": https://www.youtube.com/playlist?list=PLuY6eeDuleINcGnhxCG6U0kzja1Wh7fcd
Макет сайта Figma: https://drive.google.com/file/d/1gSTpLp4TfoLMiGzmSVfUgQnvhYwcgfmL/view?usp=sharing

▶▶ Видео, которые будут вам полезны ◀◀
Видео урок по CSS Grid: https://youtu.be/yfDwiukzuUQ
БЭМ методология от Яндекс: https://youtu.be/4DU--UjmYhk
CSS @media: https://youtu.be/qJslpgIA_Bs
Медиа запросы в языке CSS: https://youtu.be/hsWDI_Xv3fk

Поддержать автора ₽ублем:
1. Сбер: 4274 3200 3233 1582
2. YooMoney: https://sobe.ru/na/itdoctor
3. PayPal: https://paypal.me/itdoctorstudio

Телеграм: https://t.me/itdoctorstudio

#html #css #figma #flexbox #grid #webdevelop #webdev #itdoctor