FREELessons: 4Length: 35 minutes
To make a website responsive, we traditionally use media queries, a practice that's been around for years but that sometimes has its drawbacks. To fix some of those problems, we can now use “container queries”. Even though they’re not yet supported by all browsers, they have a bright future ahead, and we should learn how to use them today.
In this course, you’ll learn what container queries are all about and how to use them to create elements that change depending on the size of their parent.
1.Introduction1 lesson, 03:04
1 lesson, 03:04
1.1Welcome to the Course03:04
Welcome to the Course
2.CSS Container Queries3 lessons, 32:17
3 lessons, 32:17
2.1The Problem With Media Queries04:23
The Problem With Media Queries
2.2Container Queries to the Rescue10:20
Container Queries to the Rescue
2.3Exploring a More Complex Example17:34
Exploring a More Complex Example
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals. When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.