Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Make a Multi Level Navigation Menu With HTML & CSS Only. This responsive menu has accessibility features and functions as a dropdown navbar. You will also learn one must-have mega menu feature that is all too often overlooked.
Subscribe ➜ https://bit.ly/3nGHmNn
📺 Navbar Tutorial with Animations: https://youtu.be/94MTi38w9Vo
🔗 Source Code: https://github.com/gitdagray/multi_level_nav_menu_tutorial
(0:00) Intro
(0:33) Menu Features and a Discussion on Absolute and Relative Positioning
(2:34) Building the HTML Lists
(13:55) Applying CSS Styles
(28:38) Applying a Media Query for larger screens
(31:32) An All Too Often Overlooked Menu Feature that is a MUST
(35:27) Testing the Menu for ScreenReader Accessibility
✅ Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Hashnode: https://yesdavidgray.hashnode.dev/
Reddit: https://www.reddit.com/user/DaveOnEleven
Was this tutorial about making a Multi-Level Navigation Menu with HTML & CSS helpful? If so, please share. Let me know your thoughts in the comments.
#multi #level #menu
