<div class="wrapper">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div
СSS
.wrapper {
display: flex;
flex-wrap: wrap;
}
.col {
width: 50%;
height: 100px;
border: 1px solid red;
}
.col:nth-child(2n) {
margin-left: 20px
}
Когда не указываешь flex-wrap, то браузер подстраивает ширину элементов и задает им фиксированные отступы. Мне нужно такое же поведение с flex-wrap Чтобы колонки тянулись, при этом у них был фиксированный отступ, при этом они еще и переносились правильно(2 колонки в строке)