JSFiddle - React, Tailwind, and code Playground

by SeasonEnds

HTML

<div class="column1"> 
  <a href="#"><img src="http://placehold.it/300x150" /></a>
</div>
<div class="column2"> 
  <a href="#"><img src="http://placehold.it/300x150" /></a>
</div>

CSS

.column1, .column2 {
  width:50%;
  float:left;
  background-color:red;
}

div img {
  display:block;
  margin:20px auto;
  width:300px;
}

div a {
  display:inline;
  background-color:green;
}