JSFiddle - React, Tailwind, and code Playground

by skywalkar

HTML

<div class="thumbs">
    <img src="http://dummyimage.com/120x90/444/fff"/>
    <img src="http://dummyimage.com/120x90/444/fff"/>
    <img src="http://dummyimage.com/120x90/444/fff"/>
    <img src="http://dummyimage.com/120x90/444/fff"/>
    <img src="http://dummyimage.com/120x90/444/fff"/>
    <img src="http://dummyimage.com/120x90/444/fff"/>
    <img src="http://dummyimage.com/120x90/444/fff"/>
    <img src="http://dummyimage.com/120x90/444/fff"/>
    <img src="http://dummyimage.com/120x90/444/fff"/>
    <img src="http://dummyimage.com/120x90/444/fff"/> 
    <span class="stretch"></span>
</div>

CSS

.thumbs {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
img {
    margin: 5px;
}
.stretch {
    width: 100%;
    display: inline-block;
}