Courses
HTML and CSS Intermediate: Layouts That Don't Fall Apart on Phones
Check Yourself: Keep Layouts From Fighting You
Five scenario questions on overflow, stacking and CSS organization. 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.
The page scrolls sideways on a 360px-wide phone. First step?
2.
Why does z-index: 9999 on a child sometimes still sit under a header?
3.
position: absolute on a badge usually needs what on the card?
4.
A sensible CSS file split at this level is…
5.
min-width: 0 on a flex/grid child often helps because…
About
Five scenario questions on overflow, stacking and CSS organization. If you miss more than one, reread the lesson that covers it.
- Duration
- 5 min
- Last update
- 08/19/2026
Was this helpful?
0
0
Comments (0)
Sign in to commentNo comments yet.