JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="container">
  <div class="row row-same-height">
    <div class="col-md-4">
      <h2>Responsive</h2>
      <!--<h4> εξαρτημένη από το ένα άκρο </h4>-->
      <p style="text-align: justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id varius leo. Aliquam erat volutpat. Proin tempor lorem et dolor sollicitudin, in dignissim arcu blandit. Nullam consectetur rutrum pretium. Vivamus imperdiet elementum neque,
        vel volutpat leo mattis in. Nam luctus pellentesque dui sed vulputate. Curabitur faucibus fringilla lectus, ut aliquet mauris dictum facilisis.</p>
      <p class="stick-to-bottom"><a class="btn btn-primary" href="per1.html" role="button">View
                details &raquo;</a></p>
    </div>
    <div class="col-md-4">
      <h2>But</h2>
      <p style="text-align: justify">Aliquam id congue libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed ullamcorper sapien nulla, eget fermentum est mattis non. Morbi tortor tellus, sollicitudin quis nisi at, hendrerit faucibus nisl. Aenean consequat felis
        urna, ut eleifend sapien tempus a. Phasellus porta mi non venenatis condimentum. Aliquam ut dolor eleifend, maximus quam vitae, scelerisque leo. Praesent metus est, lobortis eget urna a, luctus condimentum eros. Curabitur gravida maximus augue
        molestie ultricies. Mauris ac urna ac lorem sagittis auctor. Etiam facilisis rhoncus sapien, at aliquam ligula euismod ac. Vestibulum quis condimentum neque. Morbi ornare aliquam consectetur. Mauris ipsum ligula, vulputate sed tristique hendrerit,
        pellentesque fringilla nisl.</p>
      <p class="stick-to-bottom"><a class="btn btn-primary" href="per2.html" role="button">View
                details &raquo;</a></p>
    </div>
    <div class="col-md-4">
      <h2>Wrong</h2>
      <p style="text-align: justify">Duis eu nibh viverra, pretium risus...

CSS

.row-same-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.row-same-height .col-md-4 {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
}
.row-same-height p:first-of-type {
	flex: 1;
}