How to Make a Responsive Navbar Dropdown Menu and Website with HTML, CSS, and Vanilla Javascript

How to Make a Responsive Navbar Dropdown Menu and Website with HTML, CSS, and Vanilla Javascript

Dave Gray via YouTube Direct link

CSS Flexbox layout and menu styles

9 of 13

9 of 13

CSS Flexbox layout and menu styles

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

How to Make a Responsive Navbar Dropdown Menu and Website with HTML, CSS, and Vanilla Javascript

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Project Start | Resources | Set Up
  3. 3 HTML for the Header and Navbar Menu elements
  4. 4 CSS for the Nav Bar and Hamburger Menu Button
  5. 5 JavaScript for the Navbar Hamburger Menu Button
  6. 6 CSS for the Nav Bar Dropdown Menu
  7. 7 Javascript for the Navbar Dropdown Menu
  8. 8 HTML for the Main element and menu items
  9. 9 CSS Flexbox layout and menu styles
  10. 10 HTML for the Footer elements
  11. 11 CSS for the Footer elements
  12. 12 Javascript for the Footer
  13. 13 Media Queries for larger viewports / screens

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.