YoVDO

Demystifying CSS Container Queries with Miriam Suzanne

Offered By: Learn With Jason via YouTube

Tags

Computer Science Courses Web Development Courses Responsive Web Design Courses Responsive Typography Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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.

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

Related Courses

Learning Responsive Web Design in the Browser
LinkedIn Learning
Responsive Typography Techniques
LinkedIn Learning
Typography for Designers Course (How To)
Treehouse
Web Typography Course (How To)
Treehouse
Typography in UX/UI Design – The Complete Designer Guide (+ Figma Typescale File)
Skillshare