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
Made with Slides.com