Equalize the height of your elements in your page.

• Check what I mean -->here<--

Installation

 npm install react-equalize

Usage

1. Wrap the list of elements you want to equalize the height

importReactfrom"react";import{EqualizerContainer}from"react-equalize";importsamplesfrom'./samples';importCardfrom'./Card';constList=()=>(<div><h2>List</h2><EqualizerContainer>{samples.map(sample=>(<Cardtitle={sample.title}img={sample.img}/>))}</EqualizerContainer></div>);exportdefaultList;

2. Equalize the elements of your choice

// Card.jsimportReactfrom"react";import{Equalize}from"react-equalize";constCard=({ title, img, description })=>(<div><p><Equalize>{title}</Equalize></p><Equalize><imgsrc={img}width="100%"alt="boo"/></Equalize><p><Equalize>{description}</Equalize></p></div>);exportdefaultCard;

API

Prop	Type	Description
elements	Array	List of elements that should re-trigger the calculation.