JSFiddle - React, Tailwind, and code Playground

by webwakko

HTML

<div class="posts-thumbnails">
   <a href="https://slothunterz.com/go/slottyvegas/" target="_blank"><img alt="Slotty Vegas Visit Casino" src="https://slothunterz.com/wp-content/uploads/2019/07/slotty.png"></a>
   <a href="https://slothunterz.com/go/frankfred/" target="_blank"><img alt="Frank Fred Visit Casino " src="https://slothunterz.com/wp-content/uploads/2019/07/frankfred.png"></a>
   <a href="https://slothunterz.com/go/leovegas/" target="_blank"><img  alt="LeoVegas Visit Casino" src="https://slothunterz.com/wp-content/uploads/2019/07/leovegas-1.png"></a>
</div>

CSS

.posts-thumbnails {
  width:100%;
  display:block;
  text-align:center;
}
.posts-thumbnails img{
width:200px;
height:100px;
border:0;
}
.posts-thumbnails a:first-child {
  float:left;
}
.posts-thumbnails a::nth-child(2) {
float:left:
margin:0 48px;
}
.posts-thumbnails a:last-child {
  float:right;
}
@media only screen and (max-width: 1200px) {
  .posts-thumbnails a:nth-child(2) {
  float:left:
  margin:0 20px;
  }
}

@media only screen and (max-width: 1050px) {
  .posts-thumbnails a:nth-child(2) {
  float:left:
  margin:0 10px;
  }
  .posts-thumbnails img {
      
      height: auto;
  }
}
@media only screen and (max-width: 600px) {
  
  .posts-thumbnails a:first-child {
  float:unset;
}
.posts-thumbnails a:last-child {
  float:unset;
}
}