Как выровнять 1,3 и 2,4 блоки по высоте, при том что они лежат в разных контейнерах и текста в них может быть разное количество?
.wrap{
display: flex;
background-color: #000;
padding: 5px;
}
.row{
width: 50%;
display: flex;
flex-direction: column;
}
.col{
height: 100%;
padding: 10px;
border: 1px solid #000;
background-color: #fff;
}
.col span{
font-weight: 700;
color: red;
}
<div class="wrap">
<div class="row">
<div class="col"><span>1)</span>Libero maiores minima repellat! Alias aliquid asperiores aspernatur corporis, cum cumque, dolor doloremeligendi enim esse harum inventore iusto nesciunt obcaecati officia omnis possimus praesentium quae reprehenderit rerum soluta voluptas? Libero maiores minima repellat! Alias aliquid asperiores aspernatur corporis, cum cumque, dolor doloremeligendi enim esse harum inventore iusto nesciunt obcaecati officia omnis possimus praesentium quae reprehenderit rerum soluta voluptas?</div>
<div class="col"><span>2)</span>Libero maiores minima repellat! Alias aliquid asperiores aspernatur corporis, cum cumque, dolor doloremeligendi enim esse harum inventore iusto nesciunt obcaecati officia omnis possimus praesentium quae reprehenderit rerum soluta voluptas? </div>
</div>
<div class="row">
<div class="col"><span>3)</span>Libero maiores minima repellat! Alias aliquid asperiores aspernatur corporis, cum cumque, dolor doloremeligendi enim esse harum inventore </div>
<div class="col"><span>4)</span>Libero maiores minima repellat! Alias aliquid asperiores aspernatur corporis, cum cumque, dolor doloremeligendi enim esse harum inventore iusto nesciunt obcaecati officia omnis possimus praesentium quae reprehenderit rerum soluta voluptas?</div>
</div>
</div>