Сделайте встроенную сжимание, когда предметы обернуты ⇐ CSS

[Anonymous]

Flex-hellow принимает минимальную ширину, которая является шириной 2-й изгиб < /p>

Код: Выделить всё

.screen {
width: 300px;
background-color: pink;
}

.flex-yellow {
padding: 4px;
display: inline-flex;
flex-wrap: wrap;
gap: 4px;
background-color: yellow;
}

.item-black {
height: 50px;
min-width: 100px;
background-color: black;
}< /code>





< /code>
< /div>
< /div>
< /p>
Но когда элементы обернуты, как сделать это, гибкий-желтый принимает мин-ширину, которая в данном случае является шириной 1 flex-item < /p>



Подробнее здесь: [url]https://stackoverflow.com/questions/79726059/make-inline-flex-shrink-when-items-are-wrapped[/url]