CSS Grid: Two-Dimensional Layouts Without the Guesswork
Flexbox handles a line. Grid handles a page. Learn to place things in rows AND columns at the same time: dashboards, image galleries, and full page layouts that reflow on a phone without a single media query hack.
CSS
5 lessons
Plus plan
From $4/month, unlocks this and the rest of the library
Start free preview
Create free account
Already a member? Sign in
- This course AND every other Plus course
- Playground Pro, private projects, Monaco editor
- Certificates on every course you finish
- Cancel any time. Access runs to the end of the period
- Pay in your currency, card or M-Pesa
- 1 lesson free to preview now
Step 11 of 19 on Front End Developer
Next after this: Arrays and Objects: Shaping Data Like a Professional
See the path
Course Curriculum
5 lessons · 1 free preview · ~1.4h total
2
repeat() and the Responsive Grid With No Media Query
3
Making One Item Span Two Columns
4
Named Areas: Layouts You Can Read Aloud
5
Project: A Dashboard That Reflows
Student Reviews
No reviews yet. Be the first after completing!
Course Includes
- 5 structured lessons
- Live coding playground
- Hints when you're stuck
- Automatic code checking
- Completion certificate
- Included with Plus
- Mobile friendly