SOURCE

<div class="content">
<div class="main">
	<div class="box1"></div>
	<div class="box1"></div>
	<div class="box1"></div>
	<div class="box1"></div>
	<div class="box1"></div>
	<div class="box1"></div>
	<div class="box1"></div>
	<div class="box1"></div>
    <i></i>
    <i></i>
    <i></i>
</div>
</div>

.content{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 500px;
    background: darkgray;
}
.main{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
.main .box1{
    background: greenyellow;
    width: 80px;
    height: 80px;
}
.main i{
     width: 80px;
}