Coursera Plus Annual is 40% Off — Ends July 6.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

A Practical Guide to Responsive Web Design

Kevin Powell via YouTube

Start learning Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → TrainSec Ad

Master Windows Internals - Kernel Programming, Debugging & Architecture

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Explore a practical guide to responsive web design in this 23-minute video tutorial. Learn how websites are inherently responsive before CSS, avoid fixed layout sizes, eliminate unnecessary declarations, understand the limitations of viewport units, leverage browser capabilities for responsiveness, and recognize when media queries are necessary. Gain valuable insights to create flexible, adaptable layouts that work across various devices and screen sizes.

Syllabus

- Introduction
- Websites are responsive before you write any CSS
- Avoid fixed sizes for your layouts
- Avoid declaring things you don’t need
- Viewport units won’t solve most of your responsive issues
- Letting the browser do the heavy lifting
- There are times you will need media queries

Taught by

Kevin Powell

Reviews

Start your review of A Practical Guide to Responsive Web Design

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.