Courses
HTML and CSS Intermediate: Layouts That Don't Fall Apart on Phones
Check Yourself: Layout Without Float Hacks
Five scenario questions on Flexbox and Grid. 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.
You need a header with a logo on the left and links on the right. What is the better first tool?
2.
A page needs a header spanning full width, a main column, a sidebar, and a footer spanning full width. What fits best?
3.
What does gap do on a flex or grid container?
4.
flex-wrap: wrap is useful when…
5.
repeat(auto-fit, minmax(220px, 1fr)) is primarily a…
About
Five scenario questions on Flexbox and Grid. If you miss more than one, reread the lesson that covers it.
- Duration
- 5 min
- Last update
- 08/14/2026
Was this helpful?
0
0
Comments (0)
Sign in to commentNo comments yet.