Responsive Equal Height Columns In Pure JavaScript

Category: Javascript , Layout | May 6, 2017
Authorerknrio
Last UpdateMay 6, 2017
LicenseMIT
Views882 views
Responsive Equal Height Columns In Pure JavaScript

A simple, lightweight script that makes all the grid items within a grid row have the same height depending on the tallest one. Works on responsive web layout.

How to use it:

Include the JavaScript file sameElementsHeight.min.js on the webpage.

<script src="sameElementsHeight.min.js"></script>

Initialize the sameElementsHeight on the target grid items as follow:

Utils.sameElementsHeight(".same-height");

You Might Be Interested In:


Leave a Reply