HTML:
<div class="selector">
<div class="el"></div>
<div class="el"></div>
<div class="el"></div>
</div>
CSS:
.selector {
display: flex;
gap: 20px;
flex-wrap: wrap;
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
.el {
width: 300px;
height: 200px;
min-width: 210px;
}
Как сделать чтобы при уменьшении размеров экрана сначала сужались блоки до минимальной ширины, а только потом они переносились на новую строку? Всё через flex. Если не получится, можно через grid