Адаптивная верстка сайта с нуля для начинающих | HTML и SCSS (SASS)

✅ Залетай в приватное сообщество и забирай:

1. Гайд "Как получить оффер в Яндекс на 300k+ RUB на позицию Front-End?”.
2. Видео-записи всех 3-х этапов (JS, алгоритмы и архитектура) собеседования в Т-Банк на позицию Front-End на ЗП 3000$.
3. Записи собеседований в бигтех и другие IT компании.
4. Видео-разборы live-coding задач.

Привет! В этом видео мы будем разбираться, как грамотно сделать адаптивную верстку сайта при помощи HTML и SCSS (SASS).

00:00 - Начало
00:44 - Смотрим, какие проблемы мы будем исправлять в адаптивной верстке сайта
01:58 - Виды адаптивной верстки. Mobile First и Desktop First. Какую мы выберем?
03:51 - Что такое единица измерения REM и зачем она нам нужна в адаптивной верстке?
06:38 - Приступаем к разработке! Создаем @mixin-ы в SCSS для @media правил с конкретными размерами экрана.
14:31 - Исправляем стили для размеров Laptop
20:01 - Исправляем стили для размеров Tablet
42:23 - Исправляем стили для размеров Mobile
57:45 - Подводим итоги
59:59 - Спасибо за просмотр! Не забудьте поставить лайк и подписаться на канал!

[AntonioBenderas]

Дело в том, что такие макеты никто их реальных закэзчиков не даёт