Responsive Design
A responsive page adapts to the screen. A media query applies rules only when a condition is true.
Examplehtml
Always include <meta name="viewport" content="width=device-width, initial-scale=1"> in the head of real pages so phones do not zoom out.
Quick check
Which at-rule applies styles only for certain screen sizes?
Finish the quick check (and any code exercise) to complete this lesson, or mark it done yourself.
Tip: use the left and right arrow keys to move between lessons.