JSFiddle - React, Tailwind, and code Playground

by ChrisP

HTML

<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">January</span>
</div>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">February</span>
</div>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">March</span>
</div>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">April</span>
</div>
<br/>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">May</span>
</div>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">June</span>
</div>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">July</span>
</div>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">August</span>
</div><br/>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">September</span>
</div>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">October</span>
</div>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">November</span>
</div>
<div class="photo_thumb">
   <img src="" width="100" height="75"/>
   <span class="photo_caption">December</span>
</div>

CSS

.photo_thumb {
    float: left;
    display: block;
    background-color: rgb(254, 254, 254);
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    /* x-off y-off radius color */
    -moz-box-shadow: 2px 2px 3px #636363;
    -webkit-box-shadow: 2px 2px 3px #636363;
    box-shadow: 2px 2px 3px #636363;
    padding: 15px;
    width: 120px;
    height: 90px;
    margin: 20px;
    text-align: center;
}
.photo_thumb:hover {
    background-color: rgb(252, 252, 252);
}

.photo_caption {
    text-align: center;
    font-size: 9pt;
    font-family: Helvetica;
    width: 100%;
    padding: 4px;
    color: rgb(40,40,40);
}