Technology / Web Development2 min read
Responsive design was never just about media queries. It is a way of thinking that treats every screen as part of the same experience.
In 2010, Ethan Marcotte published an article in A List Apart that changed how I think about the web. It was called Responsive Web Design.
At the time, many teams were building separate sites for desktop and mobile. Every new device felt like a new project. Marcotte proposed something different.
“Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience.”
Fluid grids. Flexible images. Media queries. Those were the techniques. But the real idea was bigger than code.
Responsive design is not a feature you add once the desktop layout is done. It is a way of thinking about design from the start.
Marcotte drew inspiration from responsive architecture, a field that asks how physical spaces can respond to the people moving through them. That framing still resonates with me. A responsive site does not just shrink. It adapts to people.
Today the range of screens is wider than ever. Phones, foldables, tablets, laptops, ultrawide monitors, car dashboards and watches. We cannot design a separate experience for each one. We can only design systems that flex.
Here is what the responsive mindset looks like in practice.
- Start with content, not canvas sizes. Decide what matters most, then let layout serve that priority at every width.
- Think in ranges, not devices. Breakpoints belong where the design starts to break, not where a popular phone happens to sit.
- Design components that adapt. A card, a navigation bar or a form should know how to behave in any container it lands in.
- Let typography and spacing scale fluidly. Rhythm should feel intentional on a small screen and on a large one.
- Test on real devices. Resizing a browser window is a start. Holding the product in your hand is the truth.
Responsive design is not about screens. It is about respecting people wherever they are.
Bruce Lee described this kind of adaptability long before the web existed. In his 1971 interview with Pierre Berton, he explained that water takes the shape of whatever holds it, and he shared the advice he became famous for. “Be water, my friend.”
That is the responsive mindset. Structure without rigidity. Form that adjusts to its container.
Do not design pages. Design systems that adapt, and every screen becomes an opportunity instead of a problem.
