Introduction to Container Queries

Container queries provide much more flexibility for styling children. Here's a brief overview.
🔗 Key Links 🔗
Github: github.com/cod...
MDN docs: developer.mozi...
---------------------------------------
🌐 Connect With Me 🌐
Website: codinginpublic...
Blog: chrispenningto...
Twitter: / cpenned
Patreon: / coding_in_public
Buy Me a Coffee: www.buymeacoff...

[@naranyala_dev]

modern css is another level programming language

[@CodinginPublic]

🙌

[@jjaimealeman]

Dang, 😮 makes SSSOOO much more sense how that works.

[@mhewson]

and/or you can use fluid type scales to do this magically with your container units

[@Atractiondj]

@container-style is a must-have, is a mixin in vanilla CSS, but browser support make a B-JOB

[@Vanderhart]

Great! Makes sense to me :) Do u have a video about working with px to rem and a clamps with rems? And scaling the typo. Thanks

[@alexandre_b2g]

Great stuff! I'll try it out tomorrow ;)

[@CodinginPublic]

Let me know how it goes!

[@endritibra4351]

Great explanation!

[@CodinginPublic]

Glad it was helpful!

[@JehovahsaysNetworth]

1:53
Why not just [style].box{width:100%;height:100%;}[/style] [div]img src class=box[/div]