0
I have the following case, a father div with 5 daughter Ivs, and I need them to line up two by two using the space-between in the father div:
.pai{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width:200px;
}
But the daughter div is small enough to fit more than two inside the father div. Is there any way to leave only two per line inside the father div?
Example:
.pai{
width:280px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
background:#ccc;
}
.filha{
height:40px;
width:75px;
border:1px solid red;
}
<div class="pai">
<div class="filha">
</div>
<div class="filha">
</div>
<div class="filha">
</div>
<div class="filha">
</div>
<div class="filha">
</div>
</div>