JSFiddle - React, Tailwind, and code Playground
by tbergeron
HTML
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="container">
<div class="row">
<h2>Hello world</h2>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
<a href="#">
<img src="https://s3.amazonaws.com/unogenie/raw/images/netflix/deathnote.jpg" class="img-full" />
</a>
</div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
<a href="#">
<img src="https://s3.amazonaws.com/unogenie/raw/images/netflix/hunterxhunter2011.jpg" class="img-full" />
</a>
</div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
<a href="#">
<img src="https://s3.amazonaws.com/unogenie/raw/images/netflix/30for30badboys.jpg" class="img-full" />
</a>
</div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
<a href="#">
<img src="https://s3.amazonaws.com/unogenie/raw/images/netflix/theartofflight.jpg" class="img-full" />
</a>
</div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
<a href="#">
<img src="https://s3.amazonaws.com/unogenie/raw/images/netflix/fullmetalalchemistbrotherhood.jpg" class="img-full" />
</a>
</div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
<a href="#">
<img src="https://s3.amazonaws.com/unogenie/raw/images/netflix/aliveinsideastoryofmusicmemory.jpg" class="img-full" />
</a>
</div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
<a href="#">
<img src="https://s3.amazonaws.com/unogenie/raw/images/netflix/magithelabyrinthofmagic.jpg" class="img-full" />
...
CSS
.img-full {
width: 100%;
}