JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
<div class="col">How to make two div heights equal with css.How to make two div heights equal with css.</div>

<div class="col">How to make two div heights equal with css.How to make two div heights equal with css.How to make two div heights equal with css.How to make two div heights equal with css.How to make two div heights equal with css.</div>
</div>

CSS

.row {
    display: flex; /* equal height of the children */
}

.col{
    border: 1px solid black;
    flex:1;
    
}

/*.row {
    display: table;
    width:100%;
}

.col {
    display: table-cell;
    width: 50%; /* depends on the number of columns */
    border:1px solid;
}*/