JSFiddle - React, Tailwind, and code Playground

HTML

<div> <a style="background-image:url(http://lorempixel.com/300/200?0)" href="http://lorempixel.com/300/200?0"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?1)" href="http://lorempixel.com/300/200?1"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?2)" href="http://lorempixel.com/300/200?2"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?3)" href="http://lorempixel.com/300/200?3"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?4)" href="http://lorempixel.com/300/200?4"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?5)" href="http://lorempixel.com/300/200?5"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?6)" href="http://lorempixel.com/300/200?6"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?7)" href="http://lorempixel.com/300/200?7"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?8)" href="http://lorempixel.com/300/200?8"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?9)" href="http://lorempixel.com/300/200?9"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?A)" href="http://lorempixel.com/300/200?A"></a></div>
<div> <a style="background-image:url(http://lorempixel.com/300/200?B)" href="http://lorempixel.com/300/200?B"></a></div>

CSS

body{background:#dfdfdf}

div{
    float:left;
    padding:0.5em;
    margin:0 0.4em 0.4em 0;
    background:#fff;
}

div a{ display:block; 
    background-size:cover;    
    width:100px;height:100px;
    position:relative;
}