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

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX