Modern CSS Layouts: Flexbox & Grid
Create responsive layouts with a clean, modern design system.
Created by Lea Fischer
About this course
Learn how to build responsive pages with spacing, typography, and component-based layout primitives.
What you will learn
- Design tokens & spacing
- Flexbox patterns
- Grid templates
- Responsive typography
- Practical UI components
This course includes
- On-demand video (demo)
- Practical layout exercises (demo)
- Full lifetime access (demo)
- Certificate of completion (demo)
Requirements
- Basic HTML knowledge
Who this course is for
- Beginners who want modern layout skills
- Developers improving UI consistency
Course content
3 sections · 9 lectures · 1h 42m total length
Layout foundations 3 lectures · 30m
▶
Spacing & rhythm
9m
▶
Responsive containers
11m
▶
Typography that scales
10m
Flexbox patterns 3 lectures · 33m
▶
Common flex layouts
12m
▶
Navigation & alignment
11m
▶
Card grids
10m
Grid mastery 3 lectures · 39m
▶
Template areas
12m
▶
Auto-fit and minmax
13m
▶
Real page build
14m
Instructor
Lea Fischer
Design & UX Mentor
L
Lea helps teams build user-friendly interfaces with strong fundamentals and modern patterns.
Reviews
Share your experience and help other learners choose.
No reviews yet. Be the first to share feedback.