How do i correct the navigation bar?

Product Landing Page (codepen.io)

Hi @Brijesh!

The test is looking for the nav bar to be at the top.
top:0;

Also, you added this to the nav bar even though it needs to be fixed at the top.
bottom: 220px;
So I would just delete that.

Lastly, you added li tags in the nav bar without the presence of a ul, ol, or menu tags. So I would get rid of those li tags.

When I made all those changes the test passed for me.

Sidenote: You have a lot of inline styles that really should be in your css.

style="text-align: center;
    position: relative; top: 20px;"
1 Like

Thanks. I removed the LI Tags, but I cannot make all the options visible,only the final one.

The red background is blocking everything else. But there is alot going on in this a tag.

a{
  float: left;
  padding: 10px;
  width: 395px;
display: flex; 
color: white;
  background-color: red;
  left: 15px;
text-align: center;
  justify-content: space-around;
position: fixed;}

So you might consider reworking this section to get the design results you are looking for.

1 Like

Okay, thank you! That’s helpful, I’ll rework it.