Traversy Media | CSS Grid Crash Course @TraversyMedia | Uploaded March 2022 | Updated October 2024, 2 hours ago.
This crash course will teach you all of the fundamentals of CSS Grid

⭐ Sponsor: InMotion Hosting!
bit.ly/35rBjYU

💻 Code:
github.com/bradtraversy/grid-crash

👇 24+ Hour HTML & CSS Course (Just revamped!)
traversymedia.com/modern-html-css-from-the-beginning
👇 Udemy Version:
udemy.com/modern-html-css-from-the-beginning

💖 Show Support
Patreon: patreon.com/traversymedia
PayPal: paypal.me/traversymedia

👇 Follow Me On Social Media:
Twitter: twitter.com/traversymedia
Instagram: instagram.com/traversymedia
Linkedin: linkedin.com/in/bradtraversy

Timestamps:
0:00 - Intro
0:50 - Sponsor
1:28 - Slides
4:29 - HTML & Base CSS
7:28 - Creating a Grid
7:53 - grid-template-columns
9:16 - repeat()
9:32 - Gap Spacing
10:17 - Row Height
10:55 - grid-auto-rows
11:15 - minmax()
11:45 - grid-template-rows
13:19 - Grid Browser Tools
14:03 - Align & Justify
17:08 - Grid Column Span
18:46 - Grid Row Span
20:28 - Responsiveness
23:03 - Grid Template Areas
32:22 - Testimonials Grid Project Intro
33:40 - Testimonials HTML
37:18 - Base & Card Styling
45:40 - Grid Styling
49:52 - Media Query & Span Resets