En primer lugar, son 4 imagenes/columnas, asi que es muy fácil, imaginate, te creas un estilo dandole a las imagenes un 25% de ancho, 25x4=100% y así haces el 100% de la pantalla, luego solo te queda el responsive, que segun vaya haciendo la pantalla mas pequeña se bajen las imagenes, aun que podrias no hacer nada, por que como esta ya puesto el tamaño en % se van a ir encongiendo, el problema es que se veran muy pequeñas, asi que para que eso no ocurra es fácil, solo tienes que hacer un par de @media query, que cuando llegue a ciertos pixeles el ancho sea mas grande, por ejemplo, para que pasen a ser 3 imagenes de seguido y no 4, pues le pones width 33.33333332%, tiene que ser una cosa así:
Código CSS :
.imagenes{
float:left;
width:25%;
}
@media all and (max-width:1000px) and (min-width:700px){
.imagenes{
float:left;
width:33.3333332%;
}
}
@media all and (max-width:699px) and (min-width:300px){
.imagenes{
float:left;
width:50%;
}
}Espero que te sirva, suerte.
