Организация элементов в контейнере с адаптивной шириной

Требуется разместить элементы внутри контейнера так, чтобы каждый из них имел базовую ширину 100 px. При наличии свободного места элементы должны расширяться, заполняя всю ширину контейнера. Если места недостаточно, ширина элементов должна уменьшаться, чтобы они все уместились. Когда элементов становится слишком много для одной строки, они должны автоматически переходить на следующую строку.

 <div class="container">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
</div>