css spread children horizontally
.container {
display: flex;
justify-content: space-around;
/* OR */
justify-content: space-between;
/* OR */
justify-content: space-evenly;
}
.container {
display: flex;
justify-content: space-around;
/* OR */
justify-content: space-between;
/* OR */
justify-content: space-evenly;
}