NAVBAR UNRESPONSIVE - Please help

HTML-CSS
#1

Hi all, I need your help!

My navbar isn’t responding. I.e. If I want to to change the color (color: white), nothing changes. Everything else works so the CSS file is definitely correctly linking to my HTML? As far as I can see, I also correctly targeted the item .navbar{} and .navbar ul{} but still, nothing.

Can someone please point out what I’m doing wrong?

Link to my code so far: https://codepen.io/4crying0utl0ud/pen/KKoMRzK

browser information: Chrome

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Personal Portfolio Website project

Link to the challenge:

#2

Hi

Well, first of all, your img element is missing the closing angle bracket (>).
So subsequent elements aren’t correctly recognised.

You should probably fix that first.

For your link elements, by default, the color property isn’t inherited if the link has a href attribute.
(I found that via this StackOverflow thread).

So you’ll need to target the link elements directly and either

  • set the color to white
  • or, if you prefer to set the color on a parent element, set the links’ color property to inherit.

Hope that makes sense!

#3

Thank you so much for all your advise, it really helped me a lot!