JSFiddle - React, Tailwind, and code Playground

by fredrik

HTML

<div class="row">
    <div class="span1" style="height: 50px">
text             
    </div>
<div class="span1" style="height: 20px">
text             
    </div>
</div>

<div class="row">
    <div class="span1" style="height: 30px">
text             
    </div>
<div class="span1" style="height: 50px">
text             
    </div>
</div>

CSS

.row {
    overflow: hidden;
    margin-bottom: 10px;
}

.span1 {
    float: left;
    width: 48%;
    margin-left: 1%;

    background: red;   
}

JavaScript

function equalHeight () {
    $('[class*=span]').css('height', function (index, height) {
        return $(this).parent().height();         
    });
}

$(document).ready(equalHeight);

/**
isAllImagesLoaded : function () {
                    var images = $('img'),
                        imageCount = images.length,
                        loaded = 0,
                        self = this;

                    images.each(function (index, elem) {
                        if (self.isImageLoaded(elem)) {
                            loaded += 1;
                        }
                    });

                    return (imageCount === loaded);
                },

**/