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

YouTube

Learn How to Create a Responsive CSS Grid Layout

Kevin Powell via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course demonstrates how to build a dynamic, responsive card layout with CSS Grid. It covers HTML structure, card styling, aspect-ratio, object-fit, auto-fit, featured cards, and small-screen adjustments.

Syllabus

- Introduction
- Writing the HTML
- Setting up a basic grid
- Styling the cards
- Using aspect-ratio on the images
- Stacking content with grid
- Styling the card content
- Adding aspect-ratio to the cards
- Making the grid dynamic with auto-fit
- Creating a featured card
- Styling the featured card
- Fixing things for small screens

Taught by

Kevin Powell

Reviews

Start your review of Learn How to Create a Responsive CSS Grid Layout

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.