Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.

Well done!

You have completed (UPI) Chapter 9: Responsive Web Design!

Instruction

Implementing Media Queries for Responsive Web Design: Desktop-First Approach

In a desktop-first approach to responsive design, you start with CSS for larger screens and add media queries to adapt for smaller screen sizes. Below is a breakdown of the CSS media queries used to adapt a speaker page from a desktop layout to a mobile-friendly design.

![Introduction to HTML and CSS](https://treehouse-project-downloads.s3.us-east-1.amazonaws.com/UPI-Introduction-to-HTML-and...