JSFiddle - React, Tailwind, and code Playground
HTML
<div class="finitures">
<div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div>
<div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
<img src="http://placehold.it/68x50/990000/fff"></img>
</div><div class="finiture-img">
...
CSS
.finiture-img
{
display:inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align:top;
margin-right:10px;
width:15%;
overflow:hidden;
clear:both;
}
.finiture-img img
{
border: 1px solid #898886;
margin-top:2px;
cursor:pointer;
width:100%;
overflow:hidden;
}
.finitures {
margin: 0;
border-bottom: 1px solid #9c9b9b;
padding-bottom: 20px;
width:100%;
margin-top:100px;
clear:both;
overflow:hidden;
}
.finitures:last-child
{
border-bottom: none;
}