Responsive Navigation Bar with mobile menu Using HTML & CSS
In this video, I show you how to create a responsive navigation bar with mobile menu using HTML, CSS, and a little bit of javascript. This navbar will work on mobile, tablet, and desktop view sizes. I also included a cool micro animation with the hamburger menu to make the navigation bar more interesting and interactive.
Source code: https://github.com/javascriptacademy-...
Interactive playground: https://codesandbox.io/s/agitated-tu-...
Timestamps:
00:00 Intro
00:20 Desktop HTML
01:50 Desktop CSS
04:36 Mobile HTML
05:15 Mobile CSS
08:18 A little javascript
Where you can find me?
🔗 Links:
🍺 Support free education and buy me a beer: https://ko-fi.com/adamnagy
💬 Discord: / discord
📧 Newsletter: https://www.getrevue.co/profile/dev_a...
✍️ Blog: https://dev.to/javascriptacademy
🐦 Twitter: / dev_adamnagy
📷 Instagram: / javascriptacademy
#navbar #responsive #html #css
