Comunidad de diseño web y desarrollo en internet online

Como hacer un grid responsive

Citar            
MensajeEscrito el 04 Dic 2015 10:59 pm
Hola gente, estoy haciendo un tema para un blog, y necesito hacer un sistema gird como el de esta pagina: https://geekytheory.com/
necesito organizar los articulos de esa forma, y ya intente con el flexbox pero no me salio igual, y ahorita lo tengo con el inline-block y vertical-align top, y se colocan bien pero tengo un problemita, y es que si un post es mas grande, el mas pequeño deja un espacio y no se colocan juntos como en la pagina geekytheory, asi se mira el que yo tengo:
[img]http://imgur.com/3VJ3PKU[/img]
si se fijan se alinean de forma vertical top, pero deja un espacio si hay un articulo mas pequeño y yo quiero que ese articulo de abajo se pege al de arriba sin importar el tamapo que todos vayan juntos como en la pagina que les enseñe.
Alguien sabe como puedo hacer eso? pero lo quiero hacer con css y no usar bootstrap o algun framework similar, lo quiero hacer limpio y desde cero.

Por Darcring

8 de clabLevel



Genero:Masculino  

Frontend Web Developer

chrome
Citar            
MensajeEscrito el 04 Dic 2015 11:03 pm

Disculpen puse mal la imagen xD, esta es la imagen de arriba

Por Darcring

8 de clabLevel



Genero:Masculino  

Frontend Web Developer

chrome
Citar            
MensajeEscrito el 09 Dic 2015 05:05 pm
Hola! puedes hacerlo manual controlando la anchura de los divs, o puedes usar un framework como bootstrap que te lo recomiendo muchisimo, es la solucion a tus males jaja

Por Edgar Inoa

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 10 Dic 2015 11:15 pm

Edgar Inoa escribió:

Hola! puedes hacerlo manual controlando la anchura de los divs, o puedes usar un framework como bootstrap que te lo recomiendo muchisimo, es la solucion a tus males jaja

Hola, gracias por tu respuesta, pero hace poco encontre http://isotope.metafizzy.co/ y es la que estoy usando ahorita, por si te da curiosidad probarla o algo ahi la dejo xD

Por Darcring

8 de clabLevel



Genero:Masculino  

Frontend Web Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.