Flexbox space-around grid
HTML
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
</div>
CSS
.container{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
background-color: #ffe789;
}
/*.container::after{
content: "";
flex-basis: 125px;
flex-grow: 1;
}*/
.item{
flex-basis: 125px;
flex-grow: 1;
background-color: #89ffb8;
text-align: center;
margin: 5px;
font-size: 50px;
font-family: Arial;
padding-top: 25px;
padding-bottom: 25px;
border-radius: 10px;
}