CSS Grid Crash Course

What Will You Learn?

• Intro
• Before we begin
• What is CSS Grid?
• Terminology
• Grid container properties
• Setup
• display
• grid-template-columns
• grid-template-rows
• grid-template
• column-gap
• row-gap
• gap
• justify-items
• align-items
• place-items
• justify-content
• align-content
• place-content
• grid-auto-flow
• grid-auto-columns
• grid-auto-rows
• Grid item properties
• grid-column-start / grid-column-end
• grid-row-start / grid-row-end
• grid-column and grid-row
• justify-self
• align-self
• place-self