Flexbox Bootcamp: Challenge 1

• Using the flex shorthand, set the items to grow and shrink in equal amounts. All four items should be the same width.

Flexbox Bootcamp: Challenge 2

• Using the flex shorthand, size the items so they do not grow any wider or shrink any smaller than 200 pixels

Flexbox Bootcamp: Challenge 3

• Using the flex shorthand, set the "hola" item so it fills 100% the width of the flex container.
• Using the flex shorthand, set the "ola", "bonjour", and "ciao" items to fill 33.3333% the width of the flex container.

Flexbox Bootcamp: Challenge 4

• Give the "bonjour" div and the "ciao" div a flex-basis of 0px.
• Set the "bonjour" div to grow twice as much as the "ciao" div. Both divs should shrink the same amount.

Flexbox Bootcamp: Challenge 5

• Set the items to grow to fill the height of container. HINT: this is a column layout.

Flexbox Bootcamp: Challenge 6

• Move the "bonjour" div up to the top of the list.
• Move the "hola" div to the bottom of the list.

Flexbox Bootcamp: Challenge 7

• Use "auto" margins to vertically and horizontally center "hola" inside its container.