Responsive Web Design (Beta)

Laptop and mobile phone icon

In this Responsive Web Design Certification, you'll learn the languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design.

First, you'll build a cat photo app to learn the basics of HTML and CSS. Later, you'll learn modern techniques like CSS variables by building a penguin, and best practices for accessibility by building a web form.

Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.

Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.

Courses

Not PassedNot Passed

Learn HTML by Building a Cat Photo App

Not PassedNot Passed

Learn Basic CSS by Building a Cafe Menu

Not PassedNot Passed

Learn CSS Colors by Building a Set of Colored Markers

Not PassedNot Passed

Learn HTML Forms by Building a Registration Form

Certification Project
Not PassedNot Passed

Survey Form

This is one of the required projects to earn your certification.

For this project, you will build a survey form to collect data from your users.

Not PassedNot Passed

Learn the CSS Box Model by Building a Rothko Painting

Not PassedNot Passed

Learn CSS Flexbox by Building a Photo Gallery

Not PassedNot Passed

Learn Typography by Building a Nutrition Label

Not PassedNot Passed

Learn Accessibility by Building a Quiz

Certification Project
Not PassedNot Passed

Tribute Page

This is one of the required projects to earn your certification.

For this project, you will build a tribute page for a subject of your choosing, fictional or real.

Not PassedNot Passed

Learn More About CSS Pseudo Selectors By Building A Balance Sheet

Not PassedNot Passed

Learn Intermediate CSS by Building a Picasso Painting

Not PassedNot Passed

Learn Responsive Web Design by Building a Piano

Certification Project
Not PassedNot Passed

Technical Documentation Page

This is one of the required projects to earn your certification.

For this project, you will build a technical documentation page to serve as instruction or reference for a topic.

Not PassedNot Passed

Learn CSS Variables by Building a City Skyline

Not PassedNot Passed

Learn CSS Grid by Building a Magazine

Certification Project
Not PassedNot Passed

Product Landing Page

This is one of the required projects to earn your certification.

For this project, you will build a product landing page to market a product of your choice.

Not PassedNot Passed

Learn CSS Transforms by Building a Penguin

Not PassedNot Passed

Learn CSS Animation by Building a Ferris Wheel

Certification Project
Not PassedNot Passed

Personal Portfolio Webpage

This is one of the required projects to earn your certification.

For this project, you will build your own personal portfolio page.

Browse our other free certifications (we recommend doing these in order)