Part 5: CSS Grid Basics

What we'll cover

• Defining grid
• columns/rows
• units (fr, px)
• min/max
• align-content/self, justify-content/self
• gap
• explicit vs implicit

Exercise: Make two flags using CSS grid

• Nairu. Use an implicit grid
• United States. Use an explicit grid

Resources

• Grid by Example
• CSS Grid Garden
• Mozilla Grid Overview