CSS Flex items, equal width with a min-width

Question

Given the following list of items:

How can I have the remaining items use the width of the of the ones preceding it. I would ideally prefer to not set flex-basis to a fixed width so things stay responsive.

The relevant CSS is as follows:

ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

li {
  flex-grow: 1;
  flex-basis: 0;
  min-width: 100px;
}