En esta segunda parte, aprenderemos a mostrar el menú para movile haciendo uso del pseudo clase :target, así como la creación de media queries para tablet para la correcta visualización en diferentes contextos responsive.

Este menu esta construido bajo los lineamientos de la filosofía mobile first, que consiste en el desarrollo de sitios web optimizados para dispositivos móviles, si deseas saber un poco más sobre el móvile first, puedes leer nuestro artículo Diseño web implementado mobile first.

A continuación, se muestra un vídeo en el que se trabaja un menú responsive bajo la filosofía móvile first.

Descarga los archivos base: