Lesson 16. Using Responsive Web Design

Responsive web design, or RWD, is a way of thinking about web pages that assumes that every person, every browser, every device that views the page is different, and yet they should all get access to the same content. This is a step away from how web pages were built in the past, when web designers often expected their users to use the same browser, operating system, and sometimes even monitor to view the page.

In this lesson, you will take the HTML and CSS you’ve studied in earlier lessons and learn how to use that to make your sites change depending on what type of device or browser is viewing it. You will learn the following:

How theories of web design like Mobile First work with RWD

How to plan a responsive ...

Get Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day, Covering HTML5, CSS3, and jQuery, Seventh Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.