Styling components using CSS container queries

Ever create a component for a project or website but didn't know where it was going to be used? With the newly added container queries, available in all major browsers, we can now style elements based on the size of the container they are placed in. Let's look at how they work.

Chapter:

00:00 Introduction
00:40 Card Component Setup & Description
01:34 Narrow Layout Styles
02:26 Container Type Property
03:45 Container Query
04:09 Container Name Property
04:49 Wide Layout Styles
05:06 Summary
05:28 Closing Remarks