Flexbox Puzzle

How to play

In this activity you will try and peice together the scattered image below. I am sure you can tell what the image is, but the challenge is forming the final image by only modifying flexbox properties

Rules:
  • You can only edit the CSS file styles.css to move the puzzle pieces around. You cannot edit the HTML!
  • You cannot add new CSS properties. You need to find the correct value to fill in the indicated blanks (marked with a ?).
  • You can not use any hardcoded dimenstions e.g. flex-basis: 100px
Head to style.css to get started!