CSS Grid Crash Course 2022



This crash course will teach you all of the fundamentals of CSS Grid

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

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

👇 Website & Courses:
https://traversymedia.com

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

👇 Follow Me On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.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

source