All lessonsSource
馃捇 Coding 12 minLesson 21 of 50
Responsive Web Design Principles
Learn how to make your websites look great on both tiny phones and massive desktop monitors.
What you will learn
- Media queries allow CSS rules to change based on the device screen width.
- Fluid layouts use relative units like percentages instead of fixed pixels.
- The viewport meta tag is essential for proper scaling on mobile browsers.
Responsive Web Design | 10 Basics
Jesse Showalter 路 plays in StudyAI
Watch once, then work through the practice sheet.
Practice sheets
3 printable PDFs1
Recall drill
5 questions 路 write-in answer lines
2
Apply it
4 questions 路 write-in answer lines
3
Test yourself
4 questions 路 write-in answer lines
Interactive quiz
Question 1 of 1What tool adjusts CSS styles based on device screen size?
