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

? 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