JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="photo-gallery-alt row">
        
    <div class="row-eq-height gallery-item col-lg-2 col-md-2 col-sm-3 col-xs-4 m-15" data-element="" data-filename="/folder/events/.jpg" data-file-id="53">
        <div class="ta-center">
            <div style="min-height: 150px; max-height: 150px;">
                <center>
                    <img id="content-53" class="img-responsive" style="max-height: 150px;"...

CSS

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}