Learn Responsive Design

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

Start[missing "en.views.course_landing_page.learn-responsive-design.course_illustration" translation]

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 (particuarly CSS selectors and visual rules) before beginning this course.

Codecademy courses have been taken by employees at

Google LogoFacebook LogoNASA LogoIBM LogoDropbox LogoQuora Logo

What you'll learn

  1. 1
    Learn Responsive Design

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

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo
testimonial
I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.
— Madelyn, Pinterest