Responsive Equal Height Columns In Pure JavaScript

Category: Javascript , Layout | May 6, 2017
Author: erknrio
Views Total: 1,928
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