Courses
HTML and CSS Intermediate: Layouts That Don't Fall Apart on Phones
Check Yourself: Forms and States That Look Finished
Five scenario questions on focus states and accessible forms. If you miss more than one, go back to the two lessons before moving on.
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.
Which focus approach is the better default for buttons and links?
2.
A field shows only a red border when invalid. What is missing?
3.
label for="email" must match…
4.
Disabled buttons should…
5.
Tab order should mostly follow…
About
Five scenario questions on focus states and accessible forms. If you miss more than one, go back to the two lessons before moving on.
- Duration
- 5 min
- Last update
- 08/24/2026
Was this helpful?
0
0
Comments (0)
Sign in to commentNo comments yet.