This happens to me over and over: I have a multi-column grid of tiles, each with varying heights. This means the bottom of certain rows can appear jagged and difficult to scan visually:
Sadly, that solution rarely makes it into production on the projects I’ve worked on. Sometimes browser support is the culprit. Other times we’ve inherited particularly uncooperative grid patterns (either from an existing project, or an overzealous framework).
So I’ve written a jQuery plugin for equalizing element heights. It’s called Leveller:
Don’t use Leveller if you can help it. Flexbox is way more appropriate. If you only need to adjust
min-height properties, Equalizer is a leaner, dependency-free solution.