htmlcssnavigationnaveffects

How to add a shadow under a navbar using CSS?

I'm an absolute beginner when it comes to HTML & CSS> So, I reckon that this might sound easy to some of you.

I was looking for a way to add a simple shadow to the navbar, like the one on Codecademy's web to my pre-existing navbar. I'm including the HTML & CSS of it in this codepen

Solution

  • Add a box-shadow to your nav bar. not to site-header.

    nav {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}