JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mainContent">
 
<div class="thumbImage">
<ul class="miniatures">
  <li><a onmouseover="nomimage1.src='http://ahp.li/bbd9c2391df462c56f45.jpg'" onmouseout="nomimage1.src='http://ahp.li/bbd9c2391df462c56f45.jpg'"> 
      <img src="http://ahp.li/bbd9c2391df462c56f45.jpg" /></a>   </li>
  <li><a onmouseover="nomimage1.src='http://ahp.li/f34ef6ffc723f49ba2a5.jpg'" onmouseout="nomimage1.src='http://ahp.li/f34ef6ffc723f49ba2a5.jpg'">
      <img src="http://ahp.li/f34ef6ffc723f49ba2a5.jpg"  /></a>   </li>
  <li><a onmouseover="nomimage1.src='http://ahp.li/9ccfafd60dc06f7fc586.jpg'" onmouseout="nomimage1.src='http://ahp.li/9ccfafd60dc06f7fc586.jpg'">
            <img src="http://ahp.li/9ccfafd60dc06f7fc586.jpg" /></a> </li>
  <li><a onmouseover="nomimage1.src='http://ahp.li/2c5b95bb2382ae7a26b2.jpg'" onmouseout="nomimage1.src='http://ahp.li/2c5b95bb2382ae7a26b2.jpg'">
      <img src="http://ahp.li/2c5b95bb2382ae7a26b2.jpg" /></a>  </li>
 <li><a onmouseover="nomimage1.src='http://ahp.li/706f0e1b52c4f2b2606b.jpg'" onmouseout="nomimage1.src='http://ahp.li/706f0e1b52c4f2b2606b.jpg'"> 
                <img src="http://ahp.li/706f0e1b52c4f2b2606b.jpg" width="80" height="80" /></a>  </li>
     <li><a onmouseover="nomimage1.src='http://ahp.li/8598baa27229a8f80db4.jpg'" onmouseout="nomimage1.src='http://ahp.li/8598baa27229a8f80db4.jpg'">
      <img src="http://ahp.li/8598baa27229a8f80db4.jpg" width="80" height="80" /></a>  </li>
</ul>
    
</div>
 
<div class="mainImage">
    <img src="http://ahp.li/bbd9c2391df462c56f45.jpg" name="nomimage1" />
</div>
 
</div>

CSS

.mainContent{
margin:0 auto;
border:5px solid #aeaeae;
width:670px;
height:auto;
overflow:auto;
padding:5px;
}
.thumbImage{
width:100px;
height:auto;
float:left;
}
.mainImage{
width:550px;
height:auto;
float:right;
text-align:center;
}
.mainImage img{
width:560px;
padding:5px;
}
.miniatures{
list-style-type:none;
padding:0;
}
.miniatures li{
display:inline;
}
.miniatures li img{
width:80px;
height:80px;
background:#aeaeae;
padding:5px;
margin:2px;
}