Justify Content
justify-content
defines the alignment along the main axis
will distribute extra free space left after all the flex items have reached their maximum size
.container {
justify-content: flex-start | flex-end | center | space-between | space-around;
}
