responsivemedium
How do you approach responsive design, and what does mobile-first mean?
Answer
Mobile-first means the base styles target the smallest screen and min-width queries add complexity as space allows, so the simplest CSS is what small devices download. Beyond queries, a lot of responsiveness needs no breakpoints at all: fluid units, max-width, clamp(), and grid's auto-fit with minmax() let layouts adapt continuously. Breakpoints should come from where your content breaks, not from device names.
Points an interviewer listens for
- Base styles small, min-width queries add up
- Prefer intrinsic techniques: clamp, minmax, auto-fit
- Breakpoints follow content, not devices
- Needs a correct viewport meta tag
Reported at
Similar questions have been reported by candidates at AccioJob, Apexon, Appscrip, Autovyn Consultancy, Axonator, Besant Technologies.
Now try answering it out loud
Interview practice mode times your spoken answer and checks it against the points above.
Practise this question