Skip to content
CodeWiki
Practice
Paths
Tracks
Cheatsheets
Playground
Glossary
AI era
Search
⌘K
English
English
Chinese
Practice
Paths
Tracks
Cheatsheets
Playground
Glossary
AI era
English
English
Chinese
Practice
/
Quiz
/
Frontend
/
Responsive web design
What is the safest default when a two-column interface becomes one column?
from Responsive web design
Media Queries Level 5 / CSS Containment Level 3
intermediate
1 min
What is the safest default when a two-column interface becomes one column?
Keep a meaningful DOM order and change only the layout geometry.
Use order values to match each screenshot, regardless of focus order.
Duplicate the controls and hide one copy at each breakpoint.
Enable grid-auto-flow: dense for all interactive content.
Check
Ask AI about this kata
Report an error
previous kata
Review generated responsive landing page
Review AI code
next kata
Spot the bug in the container-query card
Spot the bug
A new version is available
Reload