SOURCE

<div class="container">
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<!-- <div class="item"></div> -->
	<!-- <div class="item"></div> -->
	<!-- <div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div> -->

</div>

.container {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    gap: 20px;
}

.container::after {
    content: "@";
    width: 100%;
    /* flex: 1; */
}


.item {
    /* flex: 1; */
    min-width: 200px;
    /* max-width: 500px; */
    height: 200px;
    background-color: yellowgreen;
}

.item:last-child {
    /* margin-right: auto; */
    background-color: red;
}