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

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

!!! ВАЖНО !!!
На каких платформах можно найти мои уроки: https://t.me/itdoctor_official/23
Большой практический КУРС "Frontend разработчик на HTML, CSS и JavaScript": https://stepik.org/z/113402
Промокод со скидкой: ITDOCTORFE322

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

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

▶▶ Видео, которые будут вам полезны ◀◀
Портфолио с фильтрацией на сайт Часть 1: https://youtu.be/d1zd15eMU-U
Портфолио с фильтрацией на сайт Часть 2: https://youtu.be/ytidhTOeO_Y
Как сделать портфолио с фильтрацией на JavaScript, плагин MixItUp3: https://youtu.be/og2uO4wDCCY

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

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

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