Как выровнять элементы по высоте в ряду?

Question

[denism300]

есть конструкция вида:

<div class="row"> 
    <div class="productsBody col-12 col-sm-6 col-md-4">
        <div class="spacer card product-container text-center">
            <div class="card-body pMedia"></div>
            <div class="card-body pDescr"></div>
            <div class="card-body pDetail"></div>
        </div>
    </div>
    <div class="productsBody col-12 col-sm-6 col-md-4">
        <div class="spacer card product-container text-center">
            <div class="card-body pMedia"></div>
            <div class="card-body pDescr"></div>
            <div class="card-body pDetail"></div>
        </div>
    </div>
.............................
    <div class="productsBody col-12 col-sm-6 col-md-4">
        <div class="spacer card product-container text-center">
            <div class="card-body pMedia"></div>
            <div class="card-body pDescr"></div>
            <div class="card-body pDetail"></div>
        </div>
    </div>
</div>

как установить высоту элементам .pDescr и .pDetail по самому максимальному в ряду?
решение может быть как на flex, так и на jQuery

Comments

[Ankhena]

align-items
align-content

[JoyDumply]

задать врапперу
display:flex;
align-items:center;

если я правильно понял вопрос