Я застрял в проблеме с растягивающимися сгибами. У меня есть flexbox div с элементами. Эти элементы могут растягиваться до полной ширины и иметь свойство min-width, так что 3-4 элемента могут поместиться на больших экранах и 1-2 в малом размере. Я хочу сделать их ширины равными, но проблема в том, что обернутые элементы шире, если их количество меньше, чем на верхних элементах.
Прилагается ниже моего текущего результата и ожидаемого поведения. Как я могу это сделать?
.items {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%;
}
.item {
min-width: 400px;
border: 1px solid black;
margin: 0;
height: 200px;
flex-grow: 1;
}
<div class="items">
<div class="item">1</div>
<div class="item">1</div>
<div class="item">1</div>
<div class="item">1</div>
<div class="item">1</div>
</div>