JSFiddle - React, Tailwind, and code Playground

by Liza

HTML

<div class="container">
<div class="row">
	<div class="grid-five">
		<div class="image-thumb">
			<figure>
				<img src="https://www.w3schools.com/html/pic_mountain.jpg">
			</figure>
			
		</div>
	</div>
	<div class="grid-five">
		<div class="image-thumb">
			<figure>
				<img src="https://www.w3schools.com/html/pic_mountain.jpg">
			</figure>
			<i class="icon-close sprite"></i>
		</div>
	</div>
	<div class="grid-five">
		<div class="image-thumb overlay">
			<figure>
				<img src="https://www.w3schools.com/html/pic_mountain.jpg" >
			</figure>
			
		</div>
	</div>
	<div class="grid-five">
		<div class="image-thumb overlay">
			<figure>
				<img src="https://www.w3schools.com/html/pic_mountain.jpg" >
			</figure>
			
		</div>
	</div>
	<div class="grid-five">
		<div class="image-thumb overlay">
			<figure>
				<img src="https://www.w3schools.com/html/pic_mountain.jpg" >
			</figure>
			
		</div>
	</div>
</div>
</div>

CSS

.add_more_images .grid-five{
  width:20%;
}