CSS ASPECT-RATIO. Все що треба знати про співвідношення сторін на практиці. Сьогодні поговоримо про сучасну та круту CSS-властивість ASPECT-RATIO за допомогою якої ми з легкістю можемо задавати пропорції елемента та зберігати їх при адаптації сайту.
Звісно, я покажу найкращі практичні приклади використання ASPECT-RATIO що суттєво збереже ваш час на пошук рішень тієї чи іншої задачі. Буде корисно, поїхали!

❤️ Мій курс з якісної побудови веб-інтерфейсів (HTML, CSS, JS):
https://edu.fls.guru
❤️ Підтримати канал на Patreon та отримати доступ до корисного контенту: https://www.patreon.com/c/freelancerlifestyle
❤️ Стати спонсором каналу: https://www.youtube.com/channel/UCedskVwIKiZJsO8XdJdLKnA/join

🤟 БЕЗКОШТОВНИЙ курс з React (JSX):

🤟 БЕЗКОШТОВНИЙ курс по верстці сайтів (HTML, CSS, JavaScript): https://www.youtube.com/playlist?list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr

✅ Матеріали уроку: https://drive.google.com/file/d/1QA3ijlTBRYlZ5j6L7ql-D-SLBR7Alqpv/view?usp=sharing

🔴 Карта каналу: https://miro.com/app/board/o9J_lZB3YKI=/
🔴 Отримати доступ до екстра контенту + підтримати канал: https://www.patreon.com/freelancerlifestyle
🔴 Платний курс по верстці: https://edu.fls.guru
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстці: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle

👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв’ю з цікавими IT-спеціалістами – https://www.youtube.com/channel/UCJNVBfLijFSa_tBcrNZKZag
👉 Code Only – канал з практичними уроками – https://www.youtube.com/@codeonly

00:00 – В цьому уроці
00:00:30 – Що таке співвідношення сторін?
00:01:21 – Синтаксис ASPECT-RATIO
00:02:26 – Надійна адаптація зображень
00:06:30 – Надійні блоки з контентом
00:08:39 – ASPECT-RATIO та media-запити
00:10:01 – Висновки

👋 Мене звати Женя Андріканич, я IT – спеціаліст. Більше 10ти років займаюсь розробкою сайтів.
Перейняти досвід: https://www.youtube.com/c/freelancerlifestyle

#навчання #верстка #фрілансерпожиттю

🤟 Живи, а працюй у вільний час! ©