CSS Grid Crash Course - Tutorial for Complete Beginners

Video Description

📘 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