PART 1
PART 2
PART 3
PART 4
- Set the flex-direction to the following:
- row-reverse
- column
- column-reverse
- back to row (default)
- Set the flex-wrap to the following:
- wrap
- wrap-reverse
- nowrap, and set a min width of 200px
- Set the justify-content to the following:
- flex-end
- center
- space-between
- space-around
- flex-start (default)
- Set the margin to the following: (margin:auto will ovveride justify-content)
- margin:auto
- margin-left:auto
margin-right:auto
- margin-top:auto
margin-bottom:auto
- margin-left:auto
- margin-right:auto
- Set the align-items to the following:
- flex-start
- flex-end
- center
- baseline
- stretch (default)
- Set the align-content to the following:
- flex-start
- flex-end
- center
- space-between
- space-around
- stretch (default)
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7