6. Responsive Web Design and Media Queries

Overview

By the end of this chapter, you will be able to implement the mobile-first principle when designing web pages; explain the fundamentals of responsive web design; use a variety of CSS media queries; create a mobile-friendly web page; and implement printer-friendly web page styles. This chapter introduces you to the world of responsive web design and aims to teach you how to develop web pages using media queries to build mobile-first websites that are suitable for a whole variety of devices, regardless of the device's screen size or hardware. In addition to this, the chapters introduce printer-friendly web page styling.

Introduction

In the previous chapters, we learned about the basics ...

Get The HTML and CSS Workshop now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.