Course

Learn CSS: Responsive Design

Create websites viewable on devices of all sizes using responsive design techniques, such as relative sizing units and media queries.

4.6 out of 5 stars
83,836 learners enrolled
  • Skill level

    Intermediate
  • Time to complete

    Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary
    2 hours
  • Certificate of completion

    Included with paid plans
  • Prerequisites

    2 courses
    We suggest you complete the following courses before you get started with Learn CSS: Responsive Design:
    • Learn HTML
    • Learn CSS

About this course

Continue your CSS learning journey with Learn CSS: 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. You can also increase the accessibility of your website by using responsive design techniques.

Skills you'll gain

  • Use relative sizing units

  • Implement media queries

  • Scale websites across devices

Syllabus

The platform

Hands-on learning

Animated GIF of an AI learning assistant explaining an error within Codecademy's learning environment
Mobile-friendly version of a lesson and code editor for the course 'Introduction to HTML' running in Codecademy's learning environment
An AI-generated hint within the instructions of a Codecademy project
Animated GIF of a mouse cursor hovering over the Python term "comment" displaying a Docs tooltip within a Codecademy lesson
Meet the creator of the course
Alisha Grama
Senior Instructional Designer, Computer Science at Codecademy
Alisha is a Senior Instructional Designer in the computer science domain at Codecademy. Alisha majored in Computer Science and minored in Ethics at the University of Rochester, where she gained experience as a Teaching Assistant. Before joining Codecademy, she taught STEM concepts to secondary students, including as the Lead Algebra Teacher at a Brooklyn charter school.

Learn CSS: Responsive Design course ratings and reviews

4.6 out of 5 stars
430 ratings
  1. 5 stars
  2. 4 stars
  3. 3 stars
  4. 2 stars
  5. 1 star
  • The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.
    Chris
    Codecademy Learner @ USA
  • I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.
    Rodrigo
    Codecademy Learner @ UK
  • Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.
    John-Andrew
    Codecademy Learner @ USA

Our learners work at

  • Google Logo
  • Meta Logo
  • Apple Logo
  • EA Logo
  • Amazon Logo
  • IBM Logo
  • Microsoft Logo
  • Reddit Logo
  • Spotify Logo
  • Uber Logo
  • YouTube Logo
  • Instagram Logo

Join over 50 million learners and start Learn CSS: Responsive Design today!

Unlock additional features with a paid plan

  • Practice Projects

    Guided projects that help you solidify the skills and concepts you're learning.
  • Assessments

    Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.
  • Certificate of Completion

    Earn a document to prove you've completed a course or path that you can share with your network.