CodePen Embed - Galería de Imágenes Responsive Metodo2 usando width y funcion calc

<div class="contenedor">
  <div class="item">		
    	<img src="http://unidadvirtual.com/imagen/plantillas_web/puertasycreaciones-pe-250x250.png">
  </div>  
  
  <div class="item">		
    	<img src="http://unidadvirtual.com/imagen/plantillas_web/puertasycreaciones-pe-250x250.png" >
  </div>  
  
  <div class="item">		
    	<img src="http://unidadvirtual.com/imagen/plantillas_web/puertasycreaciones-pe-250x250.png" >
  </div>  
  
  <div class="item">		
    	<img src="http://unidadvirtual.com/imagen/plantillas_web/puertasycreaciones-pe-250x250.png" >
  </div>  
  
  <div class="item">		
    	<img src="http://unidadvirtual.com/imagen/plantillas_web/puertasycreaciones-pe-250x250.png" >
  </div>   
  
</div>

.contenedor{ display: flex;flex-wrap: wrap;box-sizing: border-box;justify-content: space-between}

.contenedor	img {display: block;width: 100%; text-align: center;}

	.item{
    width: calc((33.33% - 10px));
    margin-bottom: 10px;
}

This Pen is owned by alex huiza on CodePen.

See more by @alextutor on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.