Courses
HTML and CSS Intermediate: Layouts That Don't Fall Apart on Phones
Check Yourself: Pages That Survive Phones
Five scenario questions on media queries, mobile-first and scaling. If you miss more than one, go back to the lesson that covers it.
Course content
Join this Course
Sign in to save your progress.
-
Layout Without Float Hacks
-
Flexbox for Real Rows and Columns
-
CSS Grid When Flexbox Isn't Enough
-
-
-
Pages That Survive Phones
-
Responsive Layout With Media Queries That Make Sense
-
Mobile-First Without Building Everything Twice
-
Images and Typography That Scale Without Breaking
-
-
-
Components You Can Reuse
-
Navigation That Still Works on a Narrow Screen
-
Cards, Buttons and Shared Styles Across Pages
-
Custom Properties (CSS Variables) You Won't Regret
-
-
-
Forms and States That Look Finished
-
Focus, Hover and Disabled States People Can See
-
Accessible Forms: Labels, Errors and Keyboard Paths
-
-
-
Keep Layouts From Fighting You
-
Fix Overlap, Overflow and Z-Index Without Guessing
-
Organize CSS So You Can Find Things Later
-
-
- Final Check: HTML and CSS Intermediate
1.
Mobile-first CSS usually means…
2.
Where should a breakpoint come from?
3.
Which rule keeps an image inside a narrow column without squashing it?
4.
clamp(1.75rem, 1.2rem + 2vw, 2.5rem) on a heading is for…
5.
Why cap paragraph measure with max-width (e.g. 40rem) on large screens?
About
Five scenario questions on media queries, mobile-first and scaling. If you miss more than one, go back to the lesson that covers it.
- Duration
- 5 min
- Last update
- 08/12/2026
Was this helpful?
0
0
Comments (0)
Sign in to commentNo comments yet.