Is there a way to align vertical content with space-between without specifying the height? I want to justify-content-between the red and black divs in the third column without setting a height value. Can this be achieved considering we already have a max-height from the middle column?
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="d-flex align-items-center">
<div class="col-auto">
<div>asdqwd</div>
</div>
<div class="col d-flex flex-column text-center">
<div>rgergre</div>
<div>vs</div>
<div>rger ergerg</div>
</div>
<div class="col-auto d-flex flex-column justify-content-between" style="height:72px">
<div style="height:20px;width:20px;background:red">ewf</div>
<div style="height:20px;width:20px;background:black">qwd</div>
</div>
</div>