Description

I cannot believe this is finally here. It has been a few years since container queries were talked about and introduced and now they are finally available in nearly every browser. This will completely change how we write CSS, but I think more importantly it will change how we handle writing components as well. I cannot wait to see what people do with this. 📚 Materials/References: CSS Viewport Units Video: https://youtu.be/5m6JOJLy5B0 CSS Viewport Units Article: https://blog.webdevsimplified.com/2022-08/css-viewport-units CSS :has Selector Video: https://youtu.be/K6CWjkDgQnE CSS :has Selector Article: https://blog.webdevsimplified.com/2022-09/css-has-selector 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:41 - Basic Container Query Example 04:15 - Advanced Container Query Features 08:20 - Container Units 10:00 - Debugging 10:31 - Using The :has Selector #CSS #WDS #ContainerQueries