JSFiddle - React, Tailwind, and code Playground

by anar1811

HTML

<div class="mainShort">
    <div style="background:url(http://planetakino.com/_ld/18/86392552.jpg);background-size: 100% 100%;" class="postShort">sad</div>
</div>
<div class="mainShort">
    <div style="background:url(http://planetakino.com/_ld/18/86392552.jpg);background-size: 100% 100%;" class="postShort">sad</div>
</div>
<div class="mainShort">
    <div style="background:url(http://planetakino.com/_ld/18/86392552.jpg);background-size: 100% 100%;" class="postShort">sad</div>
</div>

CSS

.mainShort{
    float:left;
    margin:1%;
    background:#ccc;
}
.postShort{
    width: 100%;
    height:100%;
}

JavaScript

$('.mainShort').css('width','30%');
var lxwidth =$('.mainShort').width();
var lxheight =$('.mainShort').height(lxwidth+30);