Courses
HTML and CSS Intermediate: Layouts That Don't Fall Apart on Phones
Check Yourself: Components You Can Reuse
Five scenario questions on navigation, shared components and CSS variables. If you miss more than one, reread 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.
A wrapping flex nav still overflows because links have no room. What is a better next step than font-size: 8px?
2.
Why extract a shared .card class used on three pages?
3.
Custom properties on :root are most useful for…
4.
How do you theme a promo strip green without a second .btn--primary rule?
5.
scroll-padding-top helps sticky headers by…
About
Five scenario questions on navigation, shared components and CSS variables. If you miss more than one, reread the lesson that covers it.
- Duration
- 5 min
- Last update
- 08/13/2026
Was this helpful?
0
0
Comments (0)
Sign in to commentNo comments yet.