This script make equal height for your columns.
Add class .same-height-group to wrapper of elements (row).
Add class .same-height to each element (columns).
Use method sameHeight to update height of elements.
sameHeight();To update height on window resize use resize event:
window.addEventListener('resize', function(){
sameHeight();
}, true);<div class="row same-height-group">
<div class="col same-height">
<p>First column</p>
</div>
<div class="col same-height">
<p>Second column<p>
<p>Second column<p>
</div>
<div class="col same-height">
<p>Third column</p>
<p>Third column</p>
<p>Third column</p>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function(){
sameHeight();
});
window.addEventListener('resize', function(){
sameHeight();
}, true);
</script>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent