What happens if no breakpoints are defined in a responsive layout?

0-2 years experience

1. 1If you build a page using flexbox and grid but don't include any media queries, how will the layout behave on a phone versus a desktop?
2. 2What will a user see on a small screen when your CSS has no breakpoints defined for that viewport?
3. 3Can you describe what happens to font sizes and images when there are no responsive breakpoints?

2-5 years experience

1. 1We launched a new feature and users on mobile report elements overlapping. The CSS only uses a desktop‑first layout with no breakpoints. Walk me through why that happened and how you'd fix it.
2. 2During a sprint you need to add a sidebar that should collapse on tablets, but the existing stylesheet has no media queries. How would you approach adding the breakpoint without breaking other components?
3. 3Explain the trade‑offs of adding a global mobile‑first breakpoint versus sprinkling component‑level queries when the project currently has none.

5-8 years experience

1. 1Our design system currently relies on a fluid grid with no explicit breakpoints, and we’re seeing performance regressions on low‑end devices. How would you redesign the layout strategy to handle various screen sizes efficiently?
2. 2We need to support a new set of devices ranging from 320 px to 4K. The current CSS has no breakpoints. Describe how you would architect a scalable breakpoint system and what edge cases you’d consider.
3. 3When refactoring a large legacy codebase that lacks breakpoints, how do you ensure backward compatibility while introducing responsive queries across many components?

8+ years experience

1. 1Our company is consolidating multiple product front‑ends into a shared UI library. Some apps have no breakpoints, others use custom ones. How would you define a cross‑team breakpoint strategy and migrate existing code without causing regressions?
2. 2We plan to move from CSS media queries to container queries and other modern techniques. Given that many pages have no breakpoints today, what architectural steps and deprecation plan would you propose?
3. 3Discuss the long‑term maintenance implications of a breakpoint‑less responsive approach versus a standardized breakpoint system in a multi‑regional, high‑traffic platform.