JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="card">
        <div class="card-img-container">
            <img class="card-img" src="http://hdwallimg.com/wp-content/uploads/2014/02/White-Dog-Running-Wallpaper-HD.jpg"/>
        </div>
        <div class="card-meta">
            
        </div>
    </div>
    <div class="card">
        <div class="card-img-container">
            <img class="card-img" src="http://hdwallimg.com/wp-content/uploads/2014/02/White-Dog-Running-Wallpaper-HD.jpg"/>
        </div>
        <div class="card-meta">
            
        </div>
    </div>
    <div class="card">
        <div class="card-img-container">
            <img class="card-img" src="http://hdwallimg.com/wp-content/uploads/2014/02/White-Dog-Running-Wallpaper-HD.jpg"/>
        </div>
        <div class="card-meta">
            
        </div>
    </div>
</div>

SCSS

.container {
    width:960px;
}
.card-meta {
    height:30px;
    background:#eee;
}
.card {
    float:left;
    width:33.33%;
}
.card-img-container {
    position:relative;
    padding-top:66.59%;
}
.card-img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}