Foros del Web » Creando para Internet » CSS »

Como hacer un grid responsive

Estas en el tema de Como hacer un grid responsive en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/12/2015, 12:15
Avatar de Darcring  
Fecha de Ingreso: agosto-2014
Ubicación: Tegucigalpa
Mensajes: 6
Antigüedad: 10 años, 2 meses
Puntos: 0
Pregunta Como hacer un grid responsive

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:

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.
  #2 (permalink)  
Antiguo 06/12/2015, 03:38
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Como hacer un grid responsive

Yo uso isotope para eso, igual que esa página.
__________________
(:
  #3 (permalink)  
Antiguo 07/12/2015, 01:07
Avatar de Darcring  
Fecha de Ingreso: agosto-2014
Ubicación: Tegucigalpa
Mensajes: 6
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Como hacer un grid responsive

Cita:
Iniciado por pzin Ver Mensaje
Yo uso [URL="http://isotope.metafizzy.co"]isotope[/URL] para eso, igual que esa página.
Uff muchas gracias esta otro nivel la libreria, ahora la voy a empezar a usar xD.

Etiquetas: css3, diseñoweb, html5
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:36.