Container Queries in CSS - Practical Examples

Channel

Container queries allow you to style your components and layouts based on the size of the container instead of the size of the viewport. This allows us to reuse components across different containers, regardless of size.

Let's take a look at two practical examples of how container queries are a better solution than traditional media queries.

GitHub Repo: https://github.com/drehimself/yt-container-queries
Example Components using Container Queries: https://lab.ishadeed.com/container-queries/

# LINKS
My courses: https://codewithdre.com
Sign up for my newsletter: http://andremadarang.com/newsletter
My website: http://andremadarang.com
Twitter: http://twitter.com/drehimself
GitHub: http://github.com/drehimself
CodePen: http://codepen.io/drehimself