JSFiddle - React, Tailwind, and code Playground

by greatCar

HTML

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus et erat orci. Etiam in dolor at arcu scelerisque aliquet. Quisque lorem diam, volutpat in elementum non, facilisis vel ipsum. Fusce ut posuere neque. Vestibulum egestas, odio a gravida rhoncus, dolor mi ullamcorper velit, id lobortis nisl elit imperdiet neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ac nunc nisi, egestas tincidunt urna. Nullam vel tortor nec lectus porta tincidunt ac eget diam. Praesent vulputate, nunc eget sodales imperdiet, nunc orci ullamcorper justo, in elementum ante felis sit amet dolor. Vivamus mattis blandit blandit. Etiam vitae sapien nulla, interdum feugiat ligula. Cras eu tortor orci. Maecenas sed est tellus. Vestibulum est libero, venenatis a feugiat id, condimentum et erat. Nulla id volutpat nunc. Nam sodales nunc quis metus sagittis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus et erat orci. Etiam in dolor at arcu scelerisque aliquet. Quisque lorem diam, volutpat in elementum non, facilisis vel ipsum. Fusce ut posuere neque. Vestibulum egestas, odio a gravida rhoncus, dolor mi ullamcorper velit, id lobortis nisl elit imperdiet neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ac nunc nisi, egestas tincidunt urna. Nullam vel tortor nec lectus porta tincidunt ac eget diam. Praesent vulputate, nunc eget sodales imperdiet, nunc orci ullamcorper justo, in elementum ante felis sit amet dolor. Vivamus mattis blandit blandit. Etiam vitae sapien nulla, interdum feugiat ligula. Cras eu tortor orci. Maecenas sed est tellus. Vestibulum est libero, venenatis a feugiat id, condimentum et erat. Nulla id volutpat nunc. Nam sodales nunc quis metus sagittis vestibulum.</div>

CSS

div {
    background: #efefef;
    overflow: hidden;
    width: 40%;
    height: 100px;
}

JavaScript

var adjustHeight = 1.4;

$(document).ready(function () {
    $('div').css('height', ($('div').width() * adjustHeight));
});

$(window).resize(function () {
    $('div').css('height', ($('div').width() * adjustHeight));
});