In this second episode, we pick up exactly where we left off — with a clean, fully functional desktop navbar.
But today, we’re going to make it fully responsive — adjusting spacing and layout across breakpoints.
We’ll also tackle the dreaded viewport height issue, where using 'vh' units on mobile can cause strange layout bugs.
You’ll learn what 'dvh' are and when to use them.
And finally, we’ll add a professional touch: a small CSS snippet that automatically blocks page scroll when the nav menu is open.
Watch the full build — and get ready for what’s next.
Coming up: dropdown menus, animations, and beyond.
👉 Watch on YouTube: https://youtu.be/2dMqXR9K8aY
👉 Full Playlist: https://www.youtube.com/playlist?list=PLYPkp78mi3rYYsVC5gFamMg3ieAzNw9z_
0 Comments