JSFiddle - React, Tailwind, and code Playground
by Andry Zirka
HTML
<div class="partnersBlock2">
<div class="firstLine">
<a href="#">
<div class="imgBrandSpan"></div>
</a>
<a href="#">
<div class="imgBrandSpan"></div>
</a>
<a href="#">
<div class="imgBrandSpan"></div>
</a>
<a href="#">
<div class="imgBrandSpan"></div>
</a>
<a href="#">
<div class="imgBrandSpan"></div>
</a>
<a href="#">
<div class="imgBrandSpan"></div>
</a>
<a href="#">
<div class="imgBrandSpan"></div>
</a>
<a href="#">
<div class="imgBrandSpan"></div>
</a>
<a href="#">
<div class="imgBrandSpan"></div>
</a>
</div>
CSS
.imgBrandSpan{
float: left;
width: 172px;
height: 172px;
background-image: url("https://github.com/BlackStar1991/Pictures-for-sharing-/blob/master/fashion-brands.gif?raw=true");
background-repeat: no-repeat;
}
.imgBrandSpan:nth-child(1){
background-position: 0 0;
}
.imgBrandSpan:nth-child(2){
background-position: -176px 0;
}
.imgBrandSpan:nth-child(3){
background-position: -352px 0;
}
.imgBrandSpan:nth-child(4){
background-position: 0 0;
}
.imgBrandSpan:nth-child(5){
background-position: 0 0;
}
.imgBrandSpan:nth-child(6){
background-position: 0 0;
}
.imgBrandSpan:nth-child(7){
background-position: 0 0;
}
.imgBrandSpan:nth-child(8){
background-position: 0 0;
}
.imgBrandSpan:nth-child(9){
background-position: 0 0;
}