Build a product landing page help

I’m working on navigation bar for product landing page. Though i have added clickable elements in nav-link class, they are not considered. I couldn’t figure out if I’m missing something here. Please help me if you find any inputs.

my code:

Bagspot
header{ padding:0px; margin:0px; font-size:30px; text-align:center; background-color: black; color:white;

}
p{
font-size: 20px;
}
ul{/* to remove the bullet point style*/
list-style-type:none;
}
li{
float:left;
margin-bottom: 10px;

}
li a{
display:block;
padding: 10px;
font-size: 20px;
}

.nav-link{
display: flex;
flex-flow: row||wrap;
justify-content: flex-end;
background-color:orange;
}
.no-decor{
text-decoartion: none!important;
}

Link to my page: https://codepen.io/sushmasri/pen/BbYQXR

Looks like it is working fine to me. There isn’t enough content on the page to really differentiate between the different links, but once you fill it out more, those links will jump to the right part of the page.

Though i have added clickable elements in nav-link class, they are not considered.

What do you mean by “they are not considered”?

What i meant is the tests are failing for nav-link.

1 Like

Ah, I see. The anchor elements need to have the class nav-link, not the nav itself. So something like this,

<nav id="nav-bar">
   <a class="nav-link"></a>
   <a class="nav-link"></a>
   <a class="nav-link"></a>
</nav>

thank you. it worked.

1 Like