When I first learned about container queries over a year ago, I had a hard time wrapping my head around them. I think it’s because of the context I heard about them in — it was too technical of an explanation.
Once I started playing around with them, though, it all made perfect sense. And the power within them became apparent.
In this video, I’m going to give you an introduction to container queries that you can immediately wrap your head around. I’m also going to show you how we’re going to be thinking about Frames (https://getframes.io) and Automatic.css (https://automaticcss.com) in a world where container queries exist.
The term “game changer” is overused, but in this context, it’s a perfect term. This does “change the game” for CSS-based layouts and is a much more appropriate context for controlling layout over something like media queries.
Enjoy!
