Explore the power of CSS Container Queries in this comprehensive video tutorial. Gain a deep understanding of this advanced styling approach as Miriam Suzanne demystifies the concept and its practical applications. Learn how to implement container queries in your projects, starting from the basics and progressing to more complex use cases. Discover the functionality of minmax, explore responsive typography techniques, and understand how to integrate container queries into component systems. Dive into the official specifications, examine real-world examples, and acquire valuable insights on building flexible, responsive layouts. By the end of this 1-hour 28-minute session, you'll have the knowledge to leverage container queries effectively in your web development projects.
Demystifying CSS Container Queries with Miriam Suzanne
Overview
Syllabus
- Welcome
- Who is Miriam Suzanne?
- High level overview of container queries
- Reading the spec
- Where do I start to build with Container Queries?
- What does minmax do?
- Jason’s favorite thing he learned about Container Queries
- How do I use Container Queries inside a component system?
- Working with “turtle” components
- How you can do responsive typography with container queries
- Where can people learn more?
Taught by
Learn With Jason
