Dependency free package to keep HTML elements with equal height!

bower install equalizer

npm install equalizer

Equalizer is small JavaScript file. Sometimes you need to keep some block with equal height, e.g all divs in row. Equalizer gets maximum height and set it to all blocks as min-height property.

Before equalize:

After:

After import equalizer directly in HTML it will expose in global variable named Equalizer

<script src="/path/to/script/equalizer.min.js"></script>
<script>
    var blocks = new Equalizer('.row .align');
    blocks.align();
</script>

var Equalizer = require('equalizer'),
    blocks = new Equalizer('.row .align');

blocks.align();

requirejs(['equalizer'], function(Equalizer) {
    var blocks = new Equalizer('.row .align');
    blocks.align();
});

Equalizer('.row .align').align();

The MIT License. Copyright (c) 2014 Szymon Krajewski.