JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main" role="main">
      <a href="#"><div id="rdwd" class="thumbnail"></div></a>
      <a href="#"><div id="lara" class="thumbnail"></div></a>
      <a href="#"><div id="ygary" class="thumbnail"></div></a>
      <a href="#"><div id="abstraction" class="thumbnail"></div></a>
      <a href="#"><div id="daniel" class="thumbnail"></div></a>
</div>

CSS

#main {
    //width:980px;
    width:61.25em;
    margin:0 auto;
    //padding:1.2em;
    overflow:hidden;
}
.thumbnail {
    background:#ccc;
    //width:300px;
    width:18.75em;
    //height:180px;
    height:11.25em;
    margin:1.25em 0 0 1.25em;
    float:left;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.thumbnail:active {
    -moz-transform: scale(20.98);
    -webkit-transform: scale(20.98);
    -ms-transform: scale(20.98);
    -o-transform: scale(20.95);
    transform: scale(20.98);
}