<div class="container">
  <div class="list" style="width: 40px"></div>
  <div class="list" style="width: 60px"></div>
  <div class="list" style="width: 50px"></div>
  <div class="list" style="width: 70px"></div>
  <div class="list" style="width: 80px"></div>
  <div class="list" style="width: 70px"></div>
  <div class="list" style="width: 60px"></div>
  <div class="list" style="width: 40px"></div>
  <div class="list" style="width: 70px"></div>
  <div class="list" style="width: 60px"></div>
</div>

<div class="container auto-container">
  <div class="list" style="width: 40px"></div>
  <div class="list" style="width: 60px"></div>
  <div class="list" style="width: 50px"></div>
  <div class="list" style="width: 70px"></div>
  <div class="list" style="width: 80px"></div>
  <div class="list" style="width: 70px"></div>
  <div class="list" style="width: 60px"></div>
  <div class="list" style="width: 40px"></div>
  <div class="list" style="width: 70px"></div>
  <div class="list" style="width: 60px"></div>

</div>

.container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 500px;
  margin: 30px auto;
}

.list {
  background-color: skyblue;
  margin: 10px;
  width: 100px;
  height: 100px;
}

.auto-container::after {
  content: "";
  margin-right: auto;
}

.auto-container .list {
  background: #92b8de;
}