Inicio
Todos los cursos
oferta
Introducción al Desarrollo Web Responsive con HTML y CSS

Introducción al Desarrollo Web Responsive con HTML y CSS

Navegación responsive

El problema de la navegación en la pantalla pequeña es que un montón de enlaces puestos uno debajo de otro pueden entorpecer el acceso al contenido. La mayor parte de navegaciones responsive cuentan con ocultar de alguna manera la navegación en móviles y mostrarla sólo cuando el usuario la necesita. Vamos a ver un ejemplo.

TAREAS

Crea una estructura responsive.

Crea una estructura de 4 divs con contenido (texto de relleno) que están uno debajo de otro en pantalla pequeña, y a medida que hay más espacio, flotan de 2 en dos, y luego flotan las 4, en una sola fila. Usa medidas porcentuales y media queries.

Crea una navegación responsive.

Intenta reproducir la navegación responsive que hemos visto.