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

YouTube

CSS Grid Crash Course 2022

Traversy Media via YouTube

Start learning Write review
OpenLearning Ad

Master AI and Machine Learning: From Neural Networks to Applications

Learn More → Corporate Finance Institute Ad

Finance Certifications Goldman Sachs and Amazon Teams Trust

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course teaches the fundamentals of CSS Grid, including grid containers and items, rows and columns, spacing, spanning, alignment, template areas, and responsive layouts. It concludes with a testimonial landing page project.

Syllabus

- Intro.
- Sponsor.
- Slides.
- HTML & Base CSS.
- Creating a Grid.
- grid-template-columns.
- repeat() .
- Gap Spacing.
- Row Height.
- grid-auto-rows.
- minmax().
- grid-template-rows.
- Grid Browser Tools.
- Align & Justify.
- Grid Column Span.
- Grid Row Span.
- Responsiveness.
- Grid Template Areas.
- Testimonials Grid Project Intro.
- Testimonials HTML.
- Base & Card Styling.
- Grid Styling.
- Media Query & Span Resets.

Taught by

Traversy Media

Reviews

Start your review of CSS Grid Crash Course 2022

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.