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.