Responsive website design, originally described in A List Apart by Ethan Marcotte, meets the needs of the users and the devices they use. The architecture varies according to system size and capabilities. For example, content displayed in a single column view would appear on a phone user; a tablet might display the same content in two columns. You'll learn the fundamentals of responsive web design in this course with Google's Pete LePage! You're going to build your own responsive web page that works well on any computer-phone, laptop, desktop or whatever.
You will begin by exploring what makes a site responsive, and how some common patterns of responsive design work across different devices. From there, you'll learn how to use the viewport tag and CSS media queries to build your own responsive layout. You'll play with major and minor breakpoints as you continue, and optimize text for comprehension.
Web pages can be accessed from a range of devices: desktops, laptops, and phones. Your web page should look nice anbe easy to use, no matter which computer.
Web pages do not leave out details to suit smaller devices, but rather adjust their content to match any device. If you use CSS and HTML to resize, mask, compress, expand or transfer content to make it look nice on every computer, this is called responsive web design.