12 - Адаптів сайту та медіазапити (практичні приклади)

Telegram-канал для зацікавлених темою створення сайтів, для отримання файлів необхідних для виконання уроку ТА ЗАПИСУ НА ІНТЕНСИВНИЙ КУРС НАВЧАННЯ: https://t.me/htmlcssforall
Програма інтенсивного курсу: https://docs.google.com/document/d/1WLS9Ck_-1VNYF8L19YS95l-xTRMkgR5nQyT11YeRB18/edit?usp=sharing
---
У цьому відео:
На прикладі двох блоків з лендінгу демонструю як адаптувати зміст сайту під розмір браузера на мобільних пристроях (@media). Тільки прості практичні приклади, нічого зайвого :)
---
#Frontend #БезкоштовнийКурс
---
Інші відео з серії:
01 - Анонс курсу: https://youtu.be/NJfwDM424IQ
02 - VS Code - Середовище для створення коду, його налаштування, загальні моменти до початку роботи https://youtu.be/LKcusz9QFrw
03 - Перша практика з HTML&CSS: код простенької сторінки згідно дизайн-макету. Підключаємо шрифти. https://youtu.be/zjcUgCI_1V8
04 - Як створити просту сторінку з контактною формою за допомогою HTML5 та CSS3. https://youtu.be/6NWWtsiLEQM
05 - Семантика. Навігація, та до чого тут списки? https://youtu.be/4iHhyixBwxw
06 - Що таке Flexbox у CSS - практичні приклади https://youtu.be/6d9L9OqWkgQ
07 - Практика з позиціонуванням елементів, фоновим зображенням та SVG-зображеннями https://youtu.be/PyW5hbeErpc
08 - Псевдоелементи CSS (практика з додаванням зображень за допомогою ::before) https://youtu.be/10qBnyTrWAU
09 - Знайомство з transition, transform та псевдокласом hover https://youtu.be/HrO4F4loAww
10 - Слайдер на сайті - як створити (частина 1). Оголошення запуску інтенсивного курсу по Frontend.
11 - Слайдер на сайті - як створити (частина 2)
https://youtu.be/Qrj3kXVeCww