CSS Responsive Card Design - Mini-Project Tutorial for Beginners

CSS Responsive Card Design - Mini-Project Tutorial for Beginners

Dave Gray via YouTube Direct link

HTML structure

5 of 16

5 of 16

HTML structure

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

CSS Responsive Card Design - Mini-Project Tutorial for Beginners

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

  1. 1 Intro
  2. 2 Welcome
  3. 3 Project Preview
  4. 4 Starter Code
  5. 5 HTML structure
  6. 6 CSS Styles
  7. 7 CSS Reset
  8. 8 Utility Classes
  9. 9 General Styles
  10. 10 card class styles
  11. 11 Small breakpoint media query
  12. 12 Medium breakpoint media query
  13. 13 Large and XL breakpoints
  14. 14 Testing the breakpoints
  15. 15 Mobile device landscape breakpoint
  16. 16 Experiment and make it your own

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.