6 - What's the big deal with container queries?
In this episode of the No Script Show, David Waumsley and Nathan Wrigley get into the subject of container queries. These mark a serious advancement in what browsers will allow us to do, but we are asking what does that mean for us right now?In this episode, we cover:CSS container queries: How they mark a significant advancement in responsive design.Evolution from media queries: Understanding the shift towards container queries for more granular control.Application in component-based design systems: Discussing the relevance for those building complex design systems.Potential for page builders and CSS frameworks: Exploring the impact on visual design tools and frameworks.Considerations for responsive images: The holdup in adoption due to the reliance on media queries.00:00 Miriam Suzanne, an expert on CSS.03:21 Moving towards more flexibility with container queries.08:21 Describing old use of media queries in web design.13:10 Adapt design to fit different screen sizes.14:55 Barker explains flexible content placement for websites.17:39 SVGs allow flexible design for logos.20:10 Consider for design systems and page builders.23:19 Suzanne created Susie framework, now prefers modern CSS.26:28 New browser technology, explore it now. Links provided.
