Responsive Web Design
Create mobile-first interfaces that adapt deliberately across content, viewport, input, and device constraints.
- Level
- intermediate
- Duration
- 40 hours
- Access
- free
- Languages
- English
Price and billing
- Price
- Free
- Billing basis
- Not applicable
Learning outcomes
- Build a fluid page shell that works from narrow screens upward.
- Introduce breakpoints only where content and interaction require a layout change.
- Use Flexbox to align, distribute, wrap, and reorder one-dimensional content responsibly.
- Create robust two-dimensional layouts with explicit and intrinsic grid behavior.
- Scale typography and spacing while preserving readable measure and hierarchy.
- Deliver appropriately sized media without distortion, overflow, or unnecessary transfer cost.
- Make navigation, forms, tables, and cards usable across layouts and input methods.
- Deliver and verify a responsive product page across realistic device and network constraints.
Requirements
- Prior knowledge
- Basic programming experience is recommended.
- Devices
- A computer with a modern web browser is recommended for practical work.
- Software
- A modern browser with JavaScript enabled; coding tools run inside the course.
- Equipment
- No additional physical equipment is required unless a course activity explicitly states otherwise.
- Connectivity
- Internet access is required to load course content, save progress, and submit work.
- A modern browser and reliable internet connection
- Time for four to six hours of practice per week
- Completion of each server-scored unit assessment in order
Curriculum
8 units
Assessments and completion
Each of the eight units includes a server-scored assessment. Learners must score at least 70% to pass a unit; up to three attempts are allowed per assessment.
Access period
- Duration
- No fixed expiry
- Access starts
- Enrollment
Certificate
- Offer
- No certificate is currently offered.
- Issuer
- Not applicable.
- Fee policy
- No certificate
- Verification
- Not advertised.