Summary
Keywords
Full Transcript
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
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
