Day 2 - Lesson 4

Flex & Grid

Flexbox

Good for quick, 1 direction layouts

• Parents & Children
• Direction
• Sizing
• Alignment
• Wrap

Grid

Good for many different layouts

• cols/rows
• auto/manual placement
• responsiveness

Breakout

• Start experimenting with Flexbox and Grid
• 45 minutes

Homework

• Make your homepage responsive