This is my code:
.wrap-here { display: flex; gap: 5px; flex-wrap: wrap; width: 250px; overflow: auto;}.item {flex: 0 0 20%;border: 1px solid black;padding: 10px;margin-bottom: 5px;}<div class="wrap-here"><div class="item">item</div><div class="item">item</div><div class="item">item</div><div class="item">item</div><div class="item">item</div><div class="item">item</div><div class="item">item</div><div class="item">item</div><div class="item">item</div><div class="item">item</div><div class="item">item</div><div class="item">item</div></div>Instead of what I have, I'd like the flexbox to set a limit to 2 rows of maximum wrap, and it would keep adding items horizontally, like in the following picture: 