Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Responsive & Platform
Fluid Layouts & Intrinsic Design — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
Fluid Layouts & Intrinsic Design
A design team is building a card component that will be placed in a full-width content area, a two-column sidebar, and a modal. They write a media query '@media (min-width: 768px)' to switch the card to a horizontal layout. What is the core problem with this approach?
768px is not a real device breakpoint — the team should use 800px instead
The media query fires based on viewport width, so the card gets the wide layout even when placed in a narrow sidebar, causing layout bugs that vary by placement context
Media queries are deprecated — all responsive layout must now use container queries
The card will not work on mobile because the media query only applies above 768px
Check answer