Responsive Equal Height Columns In Pure JavaScript

Category: Javascript , Layout | May 6, 2017
Author:erknrio
Views Total:no views
Official Page:Go to website
Last Update:May 6, 2017
License:MIT

Preview:

Responsive Equal Height Columns In Pure JavaScript

Description:

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