Responsive Navbar Tutorial Using HTML, CSS & JS

Responsive Navbar Tutorial Using HTML, CSS & JS

Kevin Powell via YouTube Direct link

- Introduction

1 of 12

1 of 12

- Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Responsive Navbar Tutorial Using HTML, CSS & JS

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

  1. 1 - Introduction
  2. 2 - What we are starting with
  3. 3 - The flex utility class I am using
  4. 4 - Basic styling to get started
  5. 5 - The bold numbers
  6. 6 - Setting up the mobile version
  7. 7 - The blurry background effect
  8. 8 - Dealing with browser support for backdrop-filter
  9. 9 - Modifying the spacing with gap
  10. 10 - Adding the button to open and close the menu
  11. 11 - Styling the button
  12. 12 - Styling the nav at larger screen sizes

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.