hola otra vez ! he estado probando cosas.. pero aún no consigo que funcione como quiero...
os dejo una imagen.. como vereis me deja espacios en blanco.. para equilibrar las columnas...
y al reducir la pantalla... sigo teniendo 3 columnas.. supongo que con 1 media query que pase a 1 columna ya esta..
pero lo de los espacios no veo muy claro como solucionarlo..
alguna ayuda?
este el código que he usado :
Código:
.cuerpo {
border: 2px black solid;
display: -webkit-flex;
display: -ms-flexbox;
display: inline-flex;
}
.colu { display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 33%;}
.item {
margin:1%;
border: 2px solid black;
-webkit-flex: 2 1 auto;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
flex-shrink: 1;
flex-grow: 1;
}
.item img { width:100%;}
una última duda.. con el flex-wrap: wrap y el flex-direction:column no deberia crearme el solo varias columnas ? porque las he tenido que crear yo con .colu sino sólo me imprimia una columna