CSS Media Queries and Responsive Web Design Tutorial for Beginners

CSS Media Queries and Responsive Web Design Tutorial for Beginners

Dave Gray via YouTube Direct link

View each breakpoint change

13 of 13

13 of 13

View each breakpoint change

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

CSS Media Queries and Responsive Web Design Tutorial for Beginners

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Welcome
  3. 3 Starter Code
  4. 4 Viewport meta tag
  5. 5 Syntax of a media query
  6. 6 Think mobile first
  7. 7 Other query types and breakpoints
  8. 8 How to choose breakpoints
  9. 9 Build a basic page layout
  10. 10 Add a media query
  11. 11 Use dev tools to view different screen sizes
  12. 12 Add all media queries
  13. 13 View each breakpoint change

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.