How to make a Responsive (Easy) navigation menu with HTML and CSS

Published: 01 January 1970
on channel: DropCoding
14,930
520

I explain how to make a fully responsive navigation menu, adapted to mobile devices without using jQuery or Javascript.
This is the second part of the video on How to make a navigation menu in html and css.
To make the menu responsive we will use a little CSS trick using a checkbox. For its layout we will use media queries.

First part of the video:
   • Como hacer un menú de Navegación en H...  

Link to the Blog article (to see all the code):
https://dropcoding.com/menu-navegacio...

0:00 - Intro
0:55 - Responsive navigation menu
2:05 - Explanation
2:40 - Creating Nav Menu Resposnive HTML
4:00 - CSS Styles navigation menu
5:23 - Media Queries Responsive Design
10:50 - Sample
12:45 - Menu Customization (Transition)

FOLLOW ME ON MY NETWORKS:
  / dvdzamora  
Facebook:   / davidzamora.blog  
Twitter:   / dvdzamora  

Documentation Media queries: https://developer.mozilla.org/es/docs...


Watch video How to make a Responsive (Easy) navigation menu with HTML and CSS online without registration, duration hours minute second in high quality. This video was added by user DropCoding 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 14,930 once and liked it 520 people.