Responsive Web Design Fundamentals

Responsive Web Design Fundamentals

Follow along with Google’s Pete LePage and learn the fundamentals of responsive web design. As the course progresses you’ll use your knowledge to build your own responsive web page that works well and looks good on any device.

You’ll first look at what actually makes a website responsive and how to utilise common design patterns across different display sizes. From there, you’ll learn how to create your own responsive layout  as well as experiment with major and minor breakpoints, and optimising text for reading.

Course Duration

Approx. 2 weeks

Course Price

With option for paid certificate



Prerequisites and Requirements

You should be comfortable reading and writing HTML and CSS. You should also be able to inspect and modify websites using browser developer tools (we use Google Chrome, but you should be able to accomplish all the tasks in this course with any browser’s developer tools).

If you are unfamiliar with HTML and CSS, or if feel like you need to brush up on them, check out this intro course to HTML and CSS.

No JavaScript is needed for this course.

Included in product

Rich learning content

Interactive Quizzes

Taught by Industry Pros

Self-Paced Learning

Why take this course?

As time goes on, fewer and fewer users are accessing websites from desktop computers. A lot of browsing the web has moved to smartphones and tablets, as well as TVs and even watches. You need to be able to design websites to be responsive – to look good – no matter what device people choose to view them from. 

This course will show you how to do that by teaching you responsive web design and through creating your own web page.

Course lessons

Check out our blog for more free online courses!