ptg16476052LESSON 16
16 Using Responsive Web Design
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:
n How theories of web design like Mobile First work with RWD
n How to plan a responsive website
n How to build media queries
n Tips for making elements like images, videos, and tables
responsive
n Best practices for designing a responsive site