Sticky Navbar Bottom | Only HTML and CSS

Hello Guys!
This video is on how to make a sticky navbar that is at the bottom of the screen. The navbar will stick through on scroll.
Hope it helps!

================Source Code================

=========================================

=================Link To channel==================
Click on the Link below to subscribe to my channel

==================================================

==================Link To My Previous Videos=============

======================================

============Music Credits===============

Track: Mountkid - Dino [NCS Release]
Music provided by NoCopyrightSounds.

NCS: Music Without Limitations

----------------------------------------------------------------------------------------
Thanks!

[cabji]

EDIT: Ok! Seems like a Shift + F5 fixed it for me. Full forced reload of the page and it must have applied the new style settings. Great!

does this work when viewing with Edge browser? The CSS properties to make the navbar stick to the bottom are:

position: fixed;
bottom: 0;

and possibly:

overflow: hidden;

correct?

I have applied these to a navbar in a project of mine and it doesn't make the navbar stay at the bottom of the window like shown in the video. The navbar is at the bottom when the page loads, but when I scroll the page it will go up the page and disappear after the first page of content is gone. I'm using Edge to view it.

[tomershechner]

The overall video is good, but here are some notes:
1. The music was very annoying to me, too repetitive and loud, try replacing it in the next videos.
2. Sublime Text is old and pretty bad in my opinion. Try Visual Studio Code or Atom, they have all of the great Emmet shortcuts for the HTML tags so you'll have to type less.
3. Why are you coding the CSS inside the HTML and not in a separate file? It is bad practice to use <style> tags.

I am not trying to insult you, but to help you create better videos.
Good luck my friend,
Tomer.