JSFiddle - React, Tailwind, and code Playground

HTML

<div id="related-wrap">
     <h2 class="related-title">Related Posts</h2>

    <div id="related-container">
        <div class="related-box related-box-first">
            <div class="related-img"> <a href="/fun-affordable-rugs/">
                <img width="150" height="150" src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Red_flag.svg/2000px-Red_flag.svg.png" class="attachment-thumbnail wp-post-image" alt="cce944801a98" />                   </a>

            </div>
            <!-- .related-img -->
            <div class="related-txt">
                 <h3><a href="/fun-affordable-rugs/">Fun Affordable Rugs</a></h3> 
            </div>
            <!-- .related-txt -->
        </div>
        <!-- .related-box -->
        <div class="related-box">
            <div class="related-img"> <a href="/dancing-water-speakers/">
                <img width="150" height="112" src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Red_flag.svg/2000px-Red_flag.svg.png" class="attachment-thumbnail wp-post-image" alt="dancing water speakers" />                    </a>

            </div>
            <!-- .related-img -->
            <div class="related-txt">
                 <h3><a href="/dancing-water-speakers/">Dancing Water Speakers</a></h3> 
            </div>
            <!-- .related-txt -->
        </div>
        <!-- .related-box -->
        <div class="related-box">
            <div class="related-img"> <a href="/12-years-a-slave/">
                <img width="135" height="150" src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Red_flag.svg/2000px-Red_flag.svg.png" class="attachment-thumbnail wp-post-image" alt="12 years a slave" />                    </a>

            </div>
            <!-- .related-img -->
            <div class="related-txt">
                 <h3><a href="/12-years-a-slave/">12 Years A Slave</a></h3> 
            </div>
            <!-- .related-txt -->
        </div>
        <!-- .related-box -->
        <div...

CSS

/* Related */
 #related-wrap {
    width:100%;
    margin:20px 0;
}
h2.related-title {
    /* See Author */
}
#related-container {
    width:100%;
    margin:10px 0;
    vertical-align: top;
    text-align:center;
    background-color:blue;
}
.related-box {
    width:170px;
    display:inline-block;
    vertical-align: top;
    padding:10px;
    background-color:#ccc;
}
.related-box-first {
}
.related-box-last {
}
.related-img {
    width:150px;
    height:150px;
    overflow:hidden;
    margin-bottom:10px;
}
.related-img img {
    width:100%;
    height: auto;
}
.related-txt h3, .related-txt h3 a {
    width:100%;
    font-size:20px;
    line-height:1.2;
    text-transform:uppercase;
    color:#000;
    text-decoration:none;
    padding: 0 5px;
}