The contents of this course are derived from the CSS Grid Crash Course located on The Codevolution YouTube Page: CSS Grid Crash Course
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\
I found a lot of value in the crash courses when I was first beginning to code and took extensive notes as I followed along. So, in coder fashion, I made websites out of the content and depoyed them through Netlify. Link to the live site is located Here.
I highly recommend checking out all of the Codevolution videos. Links to all of the crash courses are below. In addition, he has extensive videos on React.js, Next.js, Node.js, MongoDB, and more.