Container queries so với media queries - khi nào dùng gì?

Media queries = viewport-level: thay đổi layout tổng thể theo kích thước màn hình (sidebar collapse trên mobile, grid columns).

Container queries = component-level: component tự điều chỉnh layout dựa trên không gian được cấp, bất kể nằm ở đâu trên trang.

Kết hợp cả hai trong thực tế: media queries cho page layout, container queries cho reusable components (card hiển thị horizontal hay vertical tùy container width).

Container queries giải quyết vấn đề chính của media queries: cùng một component trong sidebar nhỏ và main content rộng cần layout khác nhau.