The introduction of CSS container queries marks a significant advancement in responsive web design, offering a solution to limitations posed by media queries. While media queries enable websites to adapt to different viewports, they fall short in reusability when elements are moved to different containers, often requiring additional CSS properties to function correctly. Container queries address this by allowing individual elements to respond to the dimensions of their containers rather than the entire viewport, making them ideal for nested components like card elements. Despite this innovation, media queries remain relevant for top-level page layouts and global styling adjustments, such as font sizes and spacing, which align with the overall viewport. The article presents examples of using both media and container queries in CSS and CSS-in-JS, illustrating their respective utilities and highlighting the complementary nature of these tools in achieving efficient and versatile responsive design.