JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	
	<figure>
	  <img src="http://placehold.it/128x128">
	  <figcaption>Caption 1</figcaption>
	</figure>

	<figure>
	  <img src="http://placehold.it/128x128">
	  <figcaption>Caption 2</figcaption>
	</figure>

	<figure>
	  <img src="http://placehold.it/128x128">
	  <figcaption>Caption 3</figcaption>
	</figure>

	<figure>
	  <img src="http://placehold.it/128x128">
	  <figcaption>Caption 4</figcaption>
	</figure>

</div>

CSS

body {margin:0;}
	.container {}
	figure { margin:0; width:25%; float:left; text-align: center; }