How to create equal height columns


<div class="row">
    <div class="col">...</div>
    <div class="col">...</div>
    <div class="col">...</div>
</div>


.row {
    display: flex;
}
.col {
    flex: 1;
}

Example:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id nisi risus. Maecenas eu quam tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam sed dolor sit amet orci porttitor fermentum sit amet id velit. Suspendisse consectetur ornare dictum.
Vivamus a sem mollis, bibendum ante et, tempus eros. Maecenas in rutrum libero.