xxxxxxxxxx
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 10px;
}
.box {
flex: 0 30%; /*lower the % to get more columns*/
flex-grow: 1;
background-color: orange; /*change the color (just orange to show outline)*/
height: 500px;
width: 300px;
margin: 10px;
border: 2px solid black;
}
xxxxxxxxxx
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 10px;
}
.box {
flex: 0 17%;
flex-grow: 1;
background-color: orange;
height: 500px;
width: 300px;
margin: 10px;
border: 2px solid black;
}