Avatar

CSS Grid Crash Course

By Traversy Media on youtube.com

More about this content:

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

Visit

Join related learning paths