Learn and practice strategies for developing websites that look great on every device! Made with Google's Pete LePage.
Overview
Syllabus
- Why Responsive?
- Pete Lepage, Developer Advocate at Google, explains why responsive design is so important and helps you set up your development environment.
- Starting Small
- Dive into the specifics of how pixels on a webpage are rendered and how that impacts the development process.
- Building Up
- Learn the most important tools in developing any responsive web application: media queries and flexbox.
- Common Responsive Patterns
- Walk through the most popular responsive layout patterns and learn the tools needed to implement them in your own designs.
- Optimizations
- Learn how to optimize images, tables, and fonts to make for the best responsive layouts.
Taught by
Pete LePage
Tags
Related Courses
-
CSS Modern Responsive Web Design – Build 5 Websites
-
Build Responsive Real-World Websites with HTML and CSS
-
Advanced CSS & Responsive Web Design
-
Creating Responsive Websites for Any Device
4.0 -
Mastering Responsive UI Design for Modern Web Development
-
Developing Responsive Web Pages Using HTML5 and CSS3
Related Articles
-
[2026] 10,000+ Free Courses from Tech Giants: Learn from Google, Microsoft, Amazon, and More
-
10 Best CSS Animation Courses for 2026: Bring HTML to Life
-
6 Best Free Web Development Courses for 2026: Over 900 Hours of Learning
-
7 Best Node.js Courses in 2026
-
Best CSS Layout Courses for 2026
-
13 Best JavaScript Courses for 2026: Create Interactive Websites
Reviews
4.7 rating, based on 11 Class Central reviews
4.5 rating at Udacity based on 17 ratings
-
This course offers up a lot of industry standard tips and tricks. Having played with responsive sites for a few years now, it really provided me with a surprising amount of information on DIPs, Viewports and the proper use of Media Queries. I have not seen content like this elsewhere as most courses simply iterate the syntax over and over again without explaining the why (think Code Academy). The in-browser tests used with Chrome Dev Tools for the mini quizzes was a fantastic addition that I hope to see used more often. To get the most out of this course you need a solid foundation of HTML & CSS to understand the concepts here.
-
The course is simple and informative but be wary, you need to have at the very least a basic understanding of HTML5 and CSS3. One of the projects requires a rudimentary knowledge of Javascript but the rest of the projects are very straight-forward.…
-
The course is simple and informative but be wary, you need to have at the very least a basic understanding of HTML5 and CSS3. One of the projects requires a rudimentary knowledge of Javascript but the rest of the projects are very straight-forward.…
-
Great class! you can practice too. thanks Google and Class Central ^^
keep up free class :D so everyone can join. -
Md.Sabbir SheikhResponsive Web Design Fundamentals provides a strong foundation for understanding how to build websites that adapt seamlessly to different devices and screen sizes. The course covers the core principles of fluid grids, flexible images, and media queries, explaining not just how to apply them, but also why they matter in today’s multi-device web environment. -
It is a GREAT course to help you dip your toes into the ocean that is Responsive Web Design. It does not go into great depths in the things it mentions but rather eases you into the material and the ideology of RWD showing you at the same time the implementation.
Some knowledge of HTML and CSS is required to breeze through the class, however this is , in a way , the successor to the HTML & CSS class taught in the same program so nothing less should be expected.
For me it was an enlightening experience and I recommend it to anyone who wishes to dwelve deeper into the mysteries of Web Development!! -
-
-
