Courses - https://learn.codevolution.dev/
Support UPI - https://support.codevolution.dev/
Support PayPal - https://www.paypal.me/Codevolution
Github - https://github.com/gopinav

Starter code - https://github.com/gopinav/Crash-Courses/tree/master/Grid

️ Checkout Taskade! https://www.taskade.com/
To upgrade any workspace, login and visit https://www.taskade.com/billing
Use coupon code: CodevolutionYoutube for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% one year subscription discount. Enjoy and feel free to invite others to your workspace!

Follow Codevolution
+ Twitter - https://twitter.com/CodevolutionWeb
+ Facebook - https://www.facebook.com/codevolutionweb

Business - [email protected]

CSS Grid Crash Course
CSS Grid Tutorial for Beginners
CSS Grid Crash Course - Tutorial for Complete Beginners

Timestamps

00:00 Intro
00:27 Before we begin
01:38 What is CSS Grid?
02:43 Terminology
05:25 Grid container properties
06:53 Setup
08:52 display
10:34 grid-template-columns
15:50 grid-template-rows
18:28 grid-template
19:33 column-gap
20:03 row-gap
20:20 gap
21:19 justify-items
23:11 align-items
24:07 place-items
25:43 justify-content
28:59 align-content
30:33 place-content
32:11 grid-auto-flow
33:22 grid-auto-columns
33:58 grid-auto-rows
35:41 Grid item properties
36:40 grid-column-start / grid-column-end
38:27 grid-row-start / grid-row-end
39:10 grid-column and grid-row
40:17 justify-self
41:33 align-self
42:16 place-self