PART 1

Item 1

Item 2

Item 3

PART 2

Item 1

Item 2

Item 3

Item 1

Item 2

Item 3

PART 3

Item 1

Item 2

Item 3

Item 1

Item 2

Item 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