[Solved] Need my image to be assign like honeycomb with HTML/CSS

by


It could be helpful to you!

https://codepen.io/kalaiselvan/pen/BJdeoR

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>


<div class="col-md-12">
<div class="col-md-4">
            <figure class="overlay overlay4 light"><a href="#"></a> <img src="http://www.pngall.com/wp-content/uploads/2016/04/Hexagon-PNG-Clipart.png" alt="" />
             </figure>
</div> 
 
<div class="col-md-4">
            <figure class="overlay overlay4 light"><a href="#"></a> <img src="http://www.pngall.com/wp-content/uploads/2016/04/Hexagon-PNG-Clipart.png" alt="" />
            </figure>
</div>  
		 
<div class="col-md-4">
            <figure class="overlay overlay4 light"><a href="#"></a> <img src="http://www.pngall.com/wp-content/uploads/2016/04/Hexagon-PNG-Clipart.png" alt="" />
 			</figure>
</div>  
 </div>
 <div class="col-md-12">
   
<div class="col-md-offset-2 col-md-4">
            <figure class="overlay overlay4 light"><a href="#"></a> <img src="http://www.pngall.com/wp-content/uploads/2016/04/Hexagon-PNG-Clipart.png" alt="" />
            </figure>
</div> 
 
<div class="col-md-4">
            <figure class="overlay overlay4 light"><a href="#"></a> <img src="http://www.pngall.com/wp-content/uploads/2016/04/Hexagon-PNG-Clipart.png" alt="" />
            </figure>
</div> 
   <div class="col-md-offset-2"></div>
</div>

solved Need my image to be assign like honeycomb with HTML/CSS