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

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera
Computer Security
Stanford University via Coursera
Intro to Computer Science
University of Virginia via Udacity
Introduction to Logic
Stanford University via Coursera
Internet History, Technology, and Security
University of Michigan via Coursera