Responsive Web Design
Mobile-first design, media queries, fluid layouts. Make every website look great on every screen size.
CSS
16 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
- 2 lessons free to preview now
Course Curriculum
16 lessons · 2 free previews · ~3.1h total
3
CSS Grid for Responsive Layouts
4
The Viewport Meta Tag
5
Media Queries
6
Flexbox for Navigation & Components
7
Fluid Layouts with Percentages
8
Media Queries Deep Dive
9
Flexbox for Responsive Layouts
10
Responsive Images & Video
11
CSS Grid for Responsive Grids
12
Mobile Navigation Patterns
13
CSS Container Queries
14
Responsive Images and Typography
15
Final Project: Responsive Landing Page
16
Performance & Testing
Student Reviews
No reviews yet. Be the first after completing!
Course Includes
- 16 structured lessons
- Live coding playground
- Hints when you're stuck
- Automatic code checking
- Completion certificate
- Included with Plus
- Mobile friendly