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.