Adding display: flex to an element will enable it to be a flex container. Any child elements of this container will then use a flexible layout.

Change the order of the items in a flex container

.flex-container {
  flex-direction: row-reverse; // horizontally
  flex-direction: column-reverse; //vertically
}

Center items in a flex container

For an effect kinda like margin: auto;

.flex-container {
  justiy-content: center;
}