Pract. 7 Una navegación responsive

Y en mi práctica 7 del curso de Introducción al Desarrollo web responsive con html y css de domestika.org de la navegación responsive quise probar una versión que no ocultara o no se solapara al contenido (contraria a la versión solapada del profesor). Porque a saber que contenido tenga la susodicha página, al que tú prestarás atención en ese preciso momento está claro va a ser al menú. Para ello utilicé la propiedad display: block y display: none desde la media query correspondiente con su javascript ya cargado.

navegación responsive que no solapa contenido

Y para las pantallas de más de 600 píxeles como tablets y ordenadores se mostraría este otro tipo de menú que aprovecha el ancho de pantalla.

navegacion responsive

Esta entrada fue publicada en Inicio. Guarda el enlace permanente.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>