.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, max-content));
flex-grow: 1
}

<div class="container">
  <div>One</div>
  <div>Two</div>
  <div>Three</div>
  <div>Four</div>
  <div>Five</div>
  <div>Six</div>
  <div>Seven</div>
</div>