Galeria responsive con flexbox

[javy7v]

Yo esto lo suelo hacer de la siguiente manera.

Pongo un div general que es donde van a estar todos los demas , en tu caso sería galería.

Le das un ancho a tu gusto , por ejemplo digamos el 90% del body para que quede un 5% a izquierda y derecha de espacio vacio y le damos position:relative y float:left;

Luego a los divs que estan dentro les aplicas a todos una misma clase que les haga ocupar por ejemplo un 16% de width para que sea 16*5 80% + un 2% de margen entre foto y foto el 90% y lo que veas de height y lo mismo float left.

De esta manera se te agruparan de izquierda a derecha de 5 en 5 y haran el salto de linea a la de abajo cuando no.

Por cierto yo antes también me comía la cabeza mucho con esto pero ahora usando bootstrap con su estructura de celdas te olvidas de todos estos problemas.