xxxxxxxxxx
this one will provide a more responsive behavior as you can specify the
minimum size to start wrapping and max size so it grows and adapts to
bigger screens
grid-template-columns: repeat(auto-fill, minmax(300px, 3fr));
xxxxxxxxxx
<div class="wrapper">
<div>Un</div>
<div>Deux</div>
<div>Trois</div>
<div>Deux</div>
<div>Trois</div>
</div>