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

Intro

1 of 13

1 of 13

Intro

Class Central Classrooms beta

YouTube playlists 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.