flexbox css

.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..container {
  display: flex; /* or inline-flex */
}.container {
  justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;
}.container {
  flex-flow: column wrap;
}/* use this if you want to center stuff like in your div */
.flexbox_card {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }.container {
  align-content: flex-start | flex-end | center | space-between | space-around | space-evenly | stretch | start | end | baseline | first baseline | last baseline + ... safe | unsafe;
}