JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row equal">
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <h3>Title 1</h3>
                            <p>This is a paragraph</p>
                            <p>This is a paragraph</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <h3>Title 2</h3>
                            <p>This is a paragraph</p>
                            <p>This is a paragraph</p>
                            <p>This is a paragraph</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <h3>Title 3</h3>
                            <p>This is a paragraph</p>
                        </div>
                    </div>
                </div>
        </div>

CSS

.equal, .equal > div[class*='col-'] {  
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex:1 1 auto;
}