CSS Grid Crash Course

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

👇 24+ Hour HTML & CSS Course (Just revamped!)

https://www.traversymedia.com/modern-html-css-from-the-beginning

👇 Udemy Version:

https://udemy.com/modern-html-css-from-the-beginning

💖 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