JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://digitallabs.mmu.ac.uk/css/bootstrap.min.css">
<script src="http://digitallabs.mmu.ac.uk/js/bootstrap.min.js"></script>


<div class="row">
    <div class="span2">
        <div class="well profile">
            <div class="profile-resize">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis venenatis sollicitudin. Nam eros risus, lobortis a ultricies sed, interdum in mi. Donec elementum ullamcorper odio, vel gravida velit pretium quis. Donec sagittis, sem nec rhoncus tristique, dui ante volutpat nisl, sit amet feugiat velit lorem sagittis turpis. Quisque laoreet arcu et sapien volutpat nec porta augue iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean accumsan feugiat libero, vel fringilla neque euismod vitae. Nullam justo mi, faucibus sagittis pharetra non, egestas sit amet nulla.</p>
            </div>
         </div>
     </div>
    <div class="span2">
        <div class="well profile">
            <div class="profile-resize">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis venenatis sollicitudin. Nam eros risus, lobortis a ultricies sed, interdum in mi. Donec elementum ullamcorper odio, vel gravida velit pretium quis. Donec sagittis, sem nec rhoncus tristique, dui ante volutpat nisl, sit amet feugiat velit lorem sagittis turpis. Quisque laoreet arcu et sapien volutpat nec porta augue iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean accumsan feugiat libero, vel fringilla neque euismod vitae. Nullam justo mi, faucibus sagittis pharetra.</p>
            </div>
         </div>
     </div>
    <div class="span2">
        <div class="well profile">
            <div class="profile-resize">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis venenatis sollicitudin. Nam eros risus, lobortis a ultricies sed, interdum in mi. Donec elementum ullamcorper odio, vel...

JavaScript

$('#clickme').click(function() {
    resizeAll();
});

function resizeAll() {
    resize('.profile', '.profile-resize');
}


function resize(resize, resizeinner) {
    var max = 0;
        
    //reset height back to 0
    $(resize).each(function(index, element) {
        $(element).css({ 'height' : '0' });
    });
    
    //find height of the profiles
    $(resizeinner).each(function(index, element) {
        var height = $(element).height();
        console.log('    height=' + height);
        if(height > max) {
            max = height;
        }
    
    });

    //set the height dynamically based on the maximum so they are all uniform
    $(resize).each(function(index, element) {
        $(element).css({ 'height' : max });
        console.log('    resizedTo=' + $(element).height());
    });
    
    console.log('max - ' + max);
}