JSFiddle - React, Tailwind, and code Playground

HTML

<article class="justify-full">
    <figure class="song">
        <div class="song-cover"><img src="http://a0.twimg.com/profile_images/3481483754/454d49eb47426e411cc0d8aeb3671e09_reasonably_small.jpeg" /></div>
        <div class="song-player">[player]</div>
    </figure>
    
    <figure class="song">
        <div class="song-cover"><img src="http://imgsrv.madtownjamz.com/image/DbLiteGraphic/201304/12515870.jpg" /></div>
        <div class="song-player">[player]</div>
    </figure>
    
    <figure class="song">
        <div class="song-cover"><img src="http://a0.twimg.com/profile_images/3481483754/454d49eb47426e411cc0d8aeb3671e09_reasonably_small.jpeg" /></div>
        <div class="song-player">[player]</div>
    </figure>
    
    <figure class="song">
        <div class="song-cover"><img src="http://imgsrv.madtownjamz.com/image/DbLiteGraphic/201304/12515870.jpg" /></div>
        <div class="song-player">[player]</div>
    </figure>
    
    <figure class="song">
        <div class="song-cover"><img src="http://a0.twimg.com/profile_images/3481483754/454d49eb47426e411cc0d8aeb3671e09_reasonably_small.jpeg" /></div>
        <div class="song-player">[player]</div>
    </figure>
    
    <figure class="song">
        <div class="song-cover"><img src="http://imgsrv.madtownjamz.com/image/DbLiteGraphic/201304/12515870.jpg" /></div>
        <div class="song-player">[player]</div>
    </figure>
    
    <figure class="song">
        <div class="song-cover"><img src="http://a0.twimg.com/profile_images/3481483754/454d49eb47426e411cc0d8aeb3671e09_reasonably_small.jpeg" /></div>
        <div class="song-player">[player]</div>
    </figure>
    
    <figure class="song">
        <div class="song-cover"><img src="http://imgsrv.madtownjamz.com/image/DbLiteGraphic/201304/12515870.jpg" /></div>
        <div class="song-player">[player]</div>
    </figure>

</article>

CSS

.justify-full {
    text-align: justify;
}
.justify-full:after {    /* а вот это - хак */
    content: '';
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
}

.songs {
    margin: auto -5px;
}

.song {
    display: inline-table;
    table-layout: fixed;
    width: 25%;
    max-width: 190px;
    min-width: 150px;
    text-align: left;
    margin: 0.5em 0px;
    border: #777 1px solid;
    border-spacing: 5px;
}
.song > * {
    display: table-cell;
    vertical-align: middle;
}

.song .song-cover {
    width: 50px;
    min-width: 50px;
    height: 50px;
}
.song .song-cover img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.song .song-player {
    background: #999;
    text-align: center;
}