CSS ASPECT-RATIO. Все що треба знати про співвідношення сторін на практиці

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

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

🤟 БЕЗКОШТОВНИЙ курс з React (JSX):    • Курс REACT для початківців. Що таке реакт ...  
🤟 БЕЗКОШТОВНИЙ курс по верстці сайтів (HTML, CSS, JavaScript):    • БЕСПЛАТНЫЙ курс по верстке сайтов (Front E...  

✅ Матеріали уроку: https://drive.google.com/file/d/1QA3i...

🔴 Карта каналу: https://miro.com/app/board/o9J_lZB3YKI=/
🔴 Отримати доступ до екстра контенту + підтримати канал:   / 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:   / freelancerlifestyle  
🔴 Instagram:   / freelancer.lifestyle  

👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами -    / @itpassions  
👉 Code Only - канал з практичними уроками -    / @codeonly  

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

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

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

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