JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="cell">1234</div>
    <div class="cell">5678</div>
</div>

<div class="row">
    <div class="cell">1234</div>
    <div class="cell"><div><svg width="100%" height="100%"></svg></div></div>
</div>

CSS

.row {
    display: table-row;
    background-color: #DADADA;
}

.cell {
    display: table-cell;
    width: 50px;
    height: 25px;
}

svg {
    vertical-align: top;
}

JavaScript

$('.row').each(function(idx, r){
    $('body').append('<div>row ' + idx + ' height: ' + $(r).height() + '</div>');
});