JSFiddle - React, Tailwind, and code Playground

HTML

<div id="subafbeeldingen">
    <div id="subafbeelding"><a href="#top">
        <img src="http://www.letsgomobile.org/images/reviews/0102/samsung-camera-phone-test-pictures.jpg"></a>
    </div>
        <div id="subafbeelding"><a href="#top">
        <img src="http://www.letsgomobile.org/images/reviews/0102/samsung-camera-phone-test-pictures.jpg"></a>
    </div>
             <div id="subafbeelding"><a href="#top">
        <img src="http://www.letsgomobile.org/images/reviews/0102/samsung-camera-phone-test-pictures.jpg"></a>
    </div>
                  <div id="subafbeelding"><a href="#top">
        <img src="http://www.letsgomobile.org/images/reviews/0102/samsung-camera-phone-test-pictures.jpg"></a>
    </div>
                       <div id="subafbeelding"><a href="#top">
        <img src="http://www.letsgomobile.org/images/reviews/0102/samsung-camera-phone-test-pictures.jpg"></a>
    </div>
</div>

CSS

#subafbeeldingen{	
	width:97%;
	float:left;
	margin-top:20px;
	background-color:#c2c0c0;
	padding-bottom:20px;
 }
	 
 
 #subafbeelding {	
	 margin-left:1%;
	 background-color:#c2c0c0;
	 margin-top:25px;	 
	 float:left; 
 }
	 
 #subafbeelding img{		
	height:175px;
	min-height:175px;
	max-width:96%;
	max-height:96%;
}