Flexbox Challege 3

Turn the parent element into a flexbox, and try setting the other justify-content properties for the flex items, including space-around, space-between, space-evenly, flex-end and the default, flex-start. Comment each of these out so you have examples to go back to.

Flex Item one
Flex Item two
A longer flex Item three
Flex Item four

Notice how the spacing changes in the alignments, and notice how the child with more content takes up more room to make space for the content.