Learn How to Create a Responsive CSS Grid Layout

Learn How to Create a Responsive CSS Grid Layout

Kevin Powell via YouTube Direct link

- Styling the card content

7 of 12

7 of 12

- Styling the card content

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Learn How to Create a Responsive CSS Grid Layout

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

  1. 1 - Introduction
  2. 2 - Writing the HTML
  3. 3 - Setting up a basic grid
  4. 4 - Styling the cards
  5. 5 - Using aspect-ratio on the images
  6. 6 - Stacking content with grid
  7. 7 - Styling the card content
  8. 8 - Adding aspect-ratio to the cards
  9. 9 - Making the grid dynamic with auto-fit
  10. 10 - Creating a featured card
  11. 11 - Styling the featured card
  12. 12 - Fixing things for small screens

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.