JSFiddle - React, Tailwind, and code Playground

by yangchenyun

HTML

<div class="big-images">
<img src="http://lorempixel.com/400/200/sports/1/">
<img src="http://lorempixel.com/400/200/fashion/1/">
<img src="http://lorempixel.com/400/200/city/1/">
</div>

<div class="small-images">
<a href="#image1"><img src="http://lorempixel.com/100/50/sports/1/"></a>
<a href="#image2" class="selected"><img src="http://lorempixel.com/100/50/fashion/1/"></a>
<a href="#image3"><img src="http://lorempixel.com/100/50/city/1/"></a>
</div>

CSS

.small-images a, .big-images a {display:inline-block}
.small-images a.selected {border:1px solid red}