Responsive Web Design
by Ethan Marcotte · Ethan Marcotte
The short book that named the technique, showing how fluid grids, flexible images and media queries combine into a single layout that reflows across devices. Establishes the reasoning behind content-driven breakpoints that later responsive practice builds on.
This link may earn us a small commission at no extra cost to you. Affiliate disclosure
More resources on Responsive Design
css-tricks.com
CSS-Tricks is a comprehensive frontend development resource offering tutorials, articles, and code snippets focused on HTML, CSS, and modern web design. It features in-depth guides, a CSS Almanac, and practical examples for building responsive layouts and interactive UI.
smashingmagazine.com
Smashing Magazine is a design-focused publication offering practical articles, tutorials, and ebooks for web designers and developers. It covers layout, composition, typography, UX, and responsive design, with code samples and design patterns.
MDN Web Docs - Responsive Design
Mozilla's documentation on responsive layout techniques: media queries, fluid grids, responsive images and typography, and modern approaches using flexbox and grid. Covers why breakpoints belong to the content and how to test layouts across viewport sizes.
Responsive Web Design Fundamentals
Learn responsive web design fundamentals with this free Google course! Build websites that adapt beautifully to any device.
Responsive Web Design
Master responsive web design with HTML & CSS! FreeCodeCamp's course makes your websites look great on any device.
Responsive Web Design
Free self-paced freeCodeCamp curriculum that teaches HTML and CSS through small guided projects, covering semantic markup, the box model, Flexbox, CSS Grid, media queries and accessibility basics. Learners can build and publish simple websites that adapt to phone and desktop screens.