JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contentcontainer">
    <div id="homepic1" class="pic boxshadow picborder"></div>
    <div id="homepic2" class="pic boxshadow picborder"></div>
	<div id="homepic3" class="pic boxshadow picborder"></div>
	<div id="homepic4" class="pic boxshadow picborder"></div>
	<div id="homepic5" class="pic boxshadow picborder"></div>
	<div id="homepic6" class="pic boxshadow picborder"></div>
	<div id="homepic7" class="pic boxshadow picborder"></div>
	<div id="homepic8" class="pic boxshadow picborder"></div>
	<div id="homepic9" class="pic boxshadow picborder"></div>
	<div id="homepic10" class="pic boxshadow picborder">	    
	</div>
	<div id="homepic11" class="pic boxshadow picborder">
	</div>
	<div id="homepic12" class="pic boxshadow picborder">   
    </div>
</div>

CSS

.contentcontainer {
	text-align: center;
    width: 90%;
    height: 100%;
    margin: 0 auto;
}

.pic {
	display: inline-block;
	width: 20%;
	height: 20%;
	margin: 0 3.5%;
	background-position:center;
    background-size:cover; 
}

.boxshadow {
	box-shadow: 0px 0px 8px #555555;
	-webkit-box-shadow: 0px 0px 8px #555555;
	-moz-box-shadow: 0px 0px 8px #555555;
}

.picborder {
	border: white 2px solid;
}


    #homepic1 {background-image: url('http://placehold.it/225x225')}
    #homepic2 {background-image: url('http://placehold.it/225x225')}
    #homepic3 {background-image: url('http://placehold.it/225x225')}
    #homepic4 {background-image: url('http://placehold.it/225x225')}
    #homepic5 {background-image: url('http://placehold.it/225x225')}
    #homepic6 {background-image: url('http://placehold.it/225x225')}
    #homepic7 {background-image: url('http://placehold.it/225x225')}
    #homepic8 {background-image: url('http://placehold.it/225x225')}
    #homepic9 {background-image: url('http://placehold.it/225x225')}
    #homepic10 {background-image: url('http://placehold.it/225x225')}
    #homepic11 {background-image: url('http://placehold.it/225x225')}
    #homepic12 {background-image: url('http://placehold.it/225x225')}


/* Pics */	
    #homepic1 {background-image: url('http://placehold.it/225x225')}
	#homepic2 {background-image: url('http://placehold.it/225x225')}
	#homepic3 {background-image: url('http://placehold.it/225x225')}
	#homepic4 {background-image: url('http://placehold.it/225x225')}
	#homepic5 {background-image: url('http://placehold.it/225x225')}
	#homepic6 {background-image: url('http://placehold.it/225x225')}
	#homepic7 {background-image: url('http://placehold.it/225x225')}
	#homepic8 {background-image: url('http://placehold.it/225x225')}
	#homepic9 {background-image: url('http://placehold.it/225x225')}
	#homepic10 {background-image: url('http://placehold.it/225x225')}
	#homepic11 {background-image: url('http://placehold.it/225x225')}
	#homepic12...