Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/02/2016, 15:06
Avatar de g3kdigital
g3kdigital
 
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 11 años, 3 meses
Puntos: 39
Problema maquetando demo con flexbox

Hola a todos!

Ando ayudando con una duda sobre como hacer la típica galería de fotos, donde al clicar un preview se ve la imagen en la caja mas grande, solo que con css, ahí les dejo el pen:

http://codepen.io/g3kdigital/pen/JGzJvM?editors=1100

Aclaro que esto es por juego, no digo que una implementación real, depronto sí, porque pensé que era más fácil, pero creo que dinamicamente es difícil jajaja

En fin el problema es este:



Con la siguiente estructura html, lograr que se vea como en la imagen, usando flexbox.

Código HTML:
Ver original
  1.   <a></a>
  2.   <a></a>
  3.   <a></a>
  4.   <div></div>

¿Alguien sabe?


Me declaro fan de flexbox, pero aún soy ignorante en práctica, quien pf me da la clase?

Gracias de antemano.

Ya le pedí ayuda a un barbaro de css, pero quiero que la solución quede pública
https://twitter.com/G3Kdigital/statu...36420612317187
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital