A responsive site is not a desktop layout squeezed into a phone. It is a set of decisions about what matters on each screen.
Start with content order
Decide what a visitor needs first, second and third. Then let the layout follow. If the mobile version hides the proof or the CTA, the order is wrong.
Build a type system, not a type size
Set a small number of type styles and apply them consistently. A page with twelve one-off font sizes will break somewhere.
Test the edges
Long headings, missing images, slow connections and 360px screens reveal more than a polished 1440px mockup. Design for the edge, not the average.
Written by
S
Sreegesh Somanath
Co-founder and digital strategist at InsightDrive. Writes about the decisions behind websites that work.