JSFiddle - React, Tailwind, and code Playground

by Igor_Ivancha

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
  <div class="row">
    <div class="col-md-4">
      <a href="" class="thumbnail">
        <img  class="img-responsive" src="http://placehold.it/400x250" alt="">
      </a>
    </div>
    <div class="col-md-4">
      <a href="" class="thumbnail">
        <img class="img-responsive" src="http://placehold.it/399x250" alt="">
      </a>
    </div>
    <div class="col-md-4">
      <a href="" class="thumbnail">
        <img class="img-responsive" src="http://placehold.it/400x250" alt="">
      </a>
    </div>
    <div class="col-md-4">
      <a href="" class="thumbnail">
        <img class="img-responsive" src="http://placehold.it/400x250g" alt="">
      </a>
    </div>
    <div class="col-md-4">
      <a href="" class="thumbnail">
        <img class="img-responsive" src="http://placehold.it/400x250" alt="">
      </a>
    </div>
    <div class="col-md-4">
      <a href="" class="thumbnail">
        <img class="img-responsive" src="http://placehold.it/400x250g" alt="">
      </a>
    </div>
    <div class="col-md-4">
      <a href="" class="thumbnail">
        <img class="img-responsive" src="http://placehold.it/400x250" alt="">
      </a>
    </div>
    <div class="col-md-4">
      <a href="" class="thumbnail">
        <img class="img-responsive" src="http://placehold.it/400x250g" alt="">
      </a>
    </div>
    <div class="col-md-4">
      <a href="" class="thumbnail">
        <img class="img-responsive" src="http://placehold.it/400x250" alt="">
      </a>
    </div>
  </div>
</div>

CSS

.row {
  display: flex;
  flex-flow: row wrap;
}
.col-md-4 {
  flex-grow: 1;
}