Addition of Container Queries lesson in Advanced HTML and CSS

[mao-sz]

Discussed in https://github.com/TheOdinProject/curriculum/discussions/30252

^{Originally posted by NandkishorJadoun October 16, 2025} In the Advanced HTML and CSS course, there should be a lesson on CSS Container Queries in the Responsive Design section, right after the Media Queries lesson. Container Queries now have excellent browser support and are very helpful for making websites responsive. If a full lesson feels like too much, even a simple mention of Container Queries in the Media Queries lesson’s additional resources would make sense.

[mao-sz]

@NandkishorJadoun I wouldn't be opposed to a brief mention of container queries in the media queries lesson, like a brief extra section. Doesn't really need much diving into IMO since it's mostly the same concepts, and learners can explore it themselves if they wish.

Let me know if you'd like to be assigned.

[henrylin03]

just a suggested resource I stumbled on that might be helpful for learners on whether to use media queries vs container queries: https://www.freecodecamp.org/news/media-queries-vs-container-queries/#heading-which-should-you-use-and-when - this feels like it's at least an additional resource

[mao-sz]

I wouldn't want to add any additional resources - I'd be thinking if a resource could be added, it should be something with enough value to need mentioning in the main lesson contents/assignment. Personally, I don't think container queries would need a specific resource mention. The concept is identical to media queries, just based on containers and not the whole page/viewport and thus slightly different syntax. It's something people at this point should be able to look up independently and figure things out for themselves.