JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tr>
        <td>Hello</td>
        <td>World</td>
    </tr>
     <tr>
        <td>Hello</td>
        <td>World</td>
    </tr>
    <tr>
        <td>Hello</td>
        <td>World</td>
    </tr>
</table>

CSS

table tr:nth-child(1) td {
    height: 100px;
}

table tr:nth-child(2) td {
    height: 50px;
}

table tr:nth-child(3) td {
    height: 250px;
}

JavaScript

$('table tr td').each(function() {
    $(this).css('font-size', $(this).height()*0.3 + 'px');
});