flex box align items

display: flex;
align-items: center;
justify-content: center;

align-items: flex-start | flex-end | center | baseline | stretch

.container {
  display: flex;
  align-items: flex-start;
}

.container {
  justify-items: center;
}

.container {
  flex-flow: column wrap;
}

.container {
	display: flex;
}

Anything within the container that is a block level element is
now turned into an inline element only taking up the space of 
its actual content placing all items side by side instead on
individual rows.