JSFiddle - React, Tailwind, and code Playground

by leonsaysHi

HTML

<script src="http://css-tricks.github.io/Equalizer/js/jquery.equalizer.js"></script>
<div class="row">
    <div class="cell">
        <div class="panel">
            <p>Nescio brains an Undead zombies.</p>
        </div>
    </div>
    <div class="cell">
        <div class="panel">
            <p>Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.</p>
        </div>
    </div>
    <div class="cell">
        <div class="panel">
            <p>Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.</p>
        </div>
    </div>
    <div class="cell">
        <div class="panel">
            <p>Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Sicut malus putrid voodoo horror. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.</p>
        </div>
    </div>
</div>

CSS

.row {
    overflow:hidden;
}
.cell {
    float:left;
    width:25%;
    background-color:#fdd;
}
.panel {
    margin:10px;
    padding:10px; /* ?? */
    background-color:yellow;
}

JavaScript

$('.row').equalizer({columns: '.panel', useHeight:'o'});
//$('.row').equalizer({columns: '.cell'});