Channel: Traversy Media

Category: Science & Technology

Tags: css gridcssgrid cssgridflexbox

Description: 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 👇 Website & Courses: traversymedia.com 💖 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