Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Codecademy

Learn Responsive Design

via Codecademy

Overview

Learn responsive design techniques, like relative sizing units and media queries, to create websites viewable on devices of all sizes.

### Why Learn Responsive Design?

As a website developer, it's your responsibility to ensure that your websites remain legible and visually appealing across a variety of devices. Using responsive design techniques increases the accessibility of your website to a much larger audience of users.


### Take-Away Skills:

By the end of this course, you'll know how to use relative units and media queries to create websites that can be viewed across devices of all sizes.

### Note on Prerequisites:
We recommend that you complete Learn HTML and Learn CSS (particularly CSS selectors and visual rules) before beginning this course.

Syllabus

  • Learn Responsive Design : Learn responsive design techniques, like relative sizing units and media queries, to create websites viewable on devices of all sizes.
    • Lesson: Sizing Elements
    • Lesson: Media Queries
    • Project: Tsunami Coffee
    • Quiz: Sizing Elements
    • Quiz: Media Queries
    • Informational: Next Steps & Course Feedback

Taught by

Jiwon Shin

Reviews

4.6 rating at Codecademy based on 417 ratings

Start your review of Learn Responsive Design

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.