flexbox

flex-direction: column

object 1

object 2

object 3

object 4

flex-direction: row reverse

object 1

object 2

object 3

object 4

flex-wrap: wrap (no-wrap is default)

object 1

object 2

object 3

object 4

justify-content: center

object 1

object 2

object 3

object 4

justify-content: center, flex-direction: column

object 1

object 2

object 3

object 4

justify-content: center, flex-direction: column, align-items: center;

object 1

object 2

object 3

object 4

justify-content: center,align-items: center, align-content;

object 1

object 2

object 3

object 4