JSFiddle - React, Tailwind, and code Playground

by jonjohnjohnson

HTML

<div class='abc small'>small</div>
<div class='abc medium'>medium</div>
<div class='abc large'>large</div>

CSS

.small{width:40px;height:20px;border:1px solid grey;}
.medium{width:100px;height:50px;border:1px solid grey;}
.large{width:100px;height:100px;border:1px solid grey;}

JavaScript

var els = document.getElementsByClassName('abc')
for (var i = 0; i < els.length; i++){
    els[i].style.fontSize = els[i].clientHeight + 'px'
}