Ver Mensaje Individual
  #10 (permalink)  
Antiguo 06/01/2016, 15:38
Avatar de g3kdigital
g3kdigital
 
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 10 años, 5 meses
Puntos: 39
Respuesta: Menú responsive con imágenes

Saludos

Vi lo que intentas hacer y creo que no lo estas logrando responsive, yo lo haría con 3 media queries, para que cuando se redusca el espacio ocupe 2 hileras con 3 elementos, más pequeño con 2 y aún más pequeño, tipo menú hamburguesa (que no lo hice clickeable, solo hover porque no quise meter nada de javascript, ni complicarme con marcado extra en el html).

En fin, este es link del demo, cogi las imagenes de tu servidor y espero te de ideas.

http://codepen.io/g3kdigital/pen/yeMxaV?editors=110

También reduje los elementos que tenías en el html, quite las imágenes de puntos y las replique con solo css, pienso que el hover de los links lo podrías hacer mejor con imágenes en el background y no con imágenes embebidas, pero esa que tienes es una opción.
__________________
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

Última edición por g3kdigital; 06/01/2016 a las 15:41 Razón: Se me olvido agregar algo