JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<div class="parent" style="position:relative">
    <div class="child" style="position:absolute">
        <img style="max-width:100%; vertical-align: top;" src="http://s5.goodfon.ru/image/361409-1920x1080.jpg">
    </div>
</div>

CSS

.parent {
    outline: 8px dashed #37E35E;
}

JavaScript

$(window).on('load resize', function () {
    var $parent = $('.parent')
    $childrenHeight = $('.child').outerHeight();
    $parent.css('height', $childrenHeight);;
});