CSS Simple Flexbox Example (easily modifiable)
xxxxxxxxxx
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 10px;
}
.box {
flex: 0 30%; /* increase or decrease % to get less or more columns */
flex-grow: 1;
background-color: orange; /* change color - only orange to show full area */
height: 500px;
width: 300px;
margin: 10px;
border: 2px solid black;
}
xxxxxxxxxx
<div class="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>