Each .nav-link element should link to a corresponding element on the landing page (has an href with a value of another element's id. e.g. #footer)

what do i do here , got ll the others done on this project but this one and can’t figure it out, please help.

Assuming you have some .nav-links, make sure their href attribute is set to another element’s id. (With a hashtag in front)
This will allow the link to work as an internal link. (When you click it, the page will scroll to the element you are linking to)

also do share step url as well, and along with your attempted code… thats helps a lot to offer help, when possible, happy learning :slight_smile:

heres what i got for html


  <li><a class="nav-link" href="https://www.pearldrum.com/i">Official Website </a></li>

   <li><a class="nav-link" href="https://www.pearldrum.com/i">SST technology which Pearl uses on all their drum is a process where each ply is placed in a cylinder and has pressure is applied on both sides.</a></li>

  <li><a class="nav-link" href="http://en.wikipedia.org/wiki/Main_Page">"Pearl uses SST technology on all their drum."</a></li>

  <li><a class="nav-link" href="https://www.bing.com/ck/a?!&&p=926d0cd37aca7486JmltdHM9MTY3Mjg3NjgwMCZpZ3VpZD0yNTNhZmZkOC1lZjAzLTZhOTItMzZlNS1lZTE4ZWUyYTZiODAmaW5zaWQ9NTQyNQ&ptn=3&hsh=3&fclid=253affd8-ef03-6a92-36e5-ee18ee2a6b80&u=a1L3ZpZGVvcy9zZWFyY2g_cT1wZWFybCtkcnVtK3ZpZGVvK2xpbmsmZG9jaWQ9NjA4MDAyNzUyMTI3NTc4NjM5Jm1pZD1BNTdFQzg4RjRFNDkyNEQ4OUZFNUE1N0VDODhGNEU0OTI0RDg5RkU1JnZpZXc9ZGV0YWlsJkZPUk09VklSRQ&ntb=1">Pearl was founded by Katsumi Yanagisawa -who began manufacturing music stands in Sumida, Tokyo- on April 2, 1946. In 1950, Yanagisawa shifted his focus to the manufacturing of drums and named his company "Pearl Industry, Ltd.</a></li>

  <li><a class="nav-link" href="https://www.bing.com/ck/a?!&&p=3f6f58a8c9f4ec31JmltdHM9MTY3Mjg3NjgwMCZpZ3VpZD0yNTNhZmZkOC1lZjAzLTZhOTItMzZlNS1lZTE4ZWUyYTZiODAmaW5zaWQ9NTEyNw&ptn=3&hsh=3&fclid=253affd8-ef03-6a92-36e5-ee18ee2a6b80&u=a1L2ltYWdlcy9zZWFyY2g_cT1wZWFybCtkcnVtK3Bob3RvK2dhbGxlcnkrbGluayZxcHZ0PXBlYXJsK2RydW0rcGhvdG8rZ2FsbGVyeStsaW5rJkZPUk09SUdSRQ&ntb=1">The individual pilies are scarf jointed and all seams are offset resulting in a seamless drum with the strength you can park a humvee tire on.</a></li>

and on css , please help , been stuck here or to long

header {
positon: center;
top: 100%;
background-color: #1f1f1f;
color: white;
font-family: ‘Exo 2’, sans-serif;
padding: 1em;

​#navbar {


img {
width: 100%;
height: auto;

.product-container {
display: flex;
flex-wrap: wrap;
padding: 30px;

@media only screen and (max-width:767px) {
.product-card {
flex: 100%;

currently you have an “external url” for each of those rather use “id” of another existing element on “page” that is currently existing so that when clicked upon “it scrolls” to that element

also always share “step Url” so that others can visit and see that element by themselves as well, happy learning :slight_smile:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.