Inspecting Inspectors
Miriam and Stacy troubleshoot an issue with the dev tools available in each browser, exploring the differences and what each browser’s tools do best.
Winging It
post type
CSS Container Queries in Practice
Miriam Suzanne and Stacy Kvernmo talk about CSS Container Queries and the unexpected things that happen when you add containment. Some elements completely collapse! What’s going on there? We had questions and thought you might too. So we talk through the issue in our monthly live stream.
What we cover:
Copy permalink to “What we cover:”- What are container queries and why you should use them
- How container queries differ from media queries
- Why some layouts collapse when you add containment
- Size containment with
contain-intrinsic-size - Why should we avoid adding containment on root
- Why a container can’t query itself
- An opt-out strategy to remove containment
Links:
Copy permalink to “Links:”- Can We Query the Root Container?
- Ahmad Shadeed’s Interactive Guide to CSS Container Queries
- Cascading Layouts Workshop
Demos:
Copy permalink to “Demos:”Recent Episodes
Winging It post typeGrid Lanes – The Future of Masonry Layout
This long-debated solution for masonry layout is now available and it’s time to figure out how to use it. Join us for a deep dive into the workings of Grid Lanes.
Winging It post typeSurprising Effects of CSS Shorthands
CSS properties come in two excellent flavors – longhand properties have a direct impact on the element, while shorthand properties take a much more convoluted path. There’s a lot going on when we use a shorthand property, with hidden surprises, and reasons we might use one or the other.
