DeepFrontend
Learning Paths
Practice
System Design & DS
Design Studio
Data Structures Curriculum
Real-World Case Studies
Careers
Job Board
Resume Builder
Blog
Sign in
Search
⌘K
Go Pro
Loading compiler resources...
CSS Quiz Practice
Active Recall Drill Session
← Exit Session
Question 1 of 1
hard
CSS
A shared card-grid component looks correct on a full-width page but breaks when reused inside a narrow sidebar, even though the browser viewport is still desktop-wide. What's the root cause?
A
A CSS syntax error in the component
B
Viewport media queries only know the browser window's width, not the specific component's actual container width — the component needs Container Queries instead
C
The component is missing a viewport meta tag
D
Flexbox and Grid cannot be used inside sidebars
Check Answer