JSFiddle - React, Tailwind, and code Playground

by webwakko

HTML

<div class="posts-thumbnails">
   <a href="" target="_blank"><img src="https://slothunterz.com/wp-content/webp-express/webp-images/doc-root/wp-content/uploads/2019/07/slotty-button.png.webp"></a>
   <a href="" target="_blank"><img src="https://slothunterz.com/wp-content/webp-express/webp-images/doc-root/wp-content/uploads/2019/07/frankfred-button.png.webp"></a>
   <a href="" target="_blank"><img src="https://slothunterz.com/wp-content/webp-express/webp-images/doc-root/wp-content/uploads/2019/07/leovegas-button.png.webp"></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:last-child {
  float:right;
}
@media only screen and (max-width: 600px) {
  
  .posts-thumbnails a:first-child {
  float:unset;
}
.posts-thumbnails a:last-child {
  float:unset;
}
}