Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I’m having trouble with my nav-links. I have made sure all my href attributes have the same value as my element id’s but something is off.

  **Your code so far**

/* file: index.html */
<header id="header">
<img id="header-img" src="https://images.solecollector.com/complex/images/c_crop,h_1105,w_1965,x_20,y_514/c_fill,dpr_2.0,f_auto,fl_lossy,q_auto,w_800/xfdgz9uaguocb9bn81eu/air-jordan-4-iv-retro-what-the-ci1184-146-pair"/>
<nav id="nav-bar" class="nav-bar">
    <a class="nav-link" href="body">
  </a>
    <a class="nav-link" href="nike">
    </a>
    <a class="nav-link" href="air_jordan">
    </a>
    <meta charset="UTF-8">
    <meta name="viewport"  content="width=device-width, initial-scale=1.0">
</nav>
</header>
<video id="video">
<source src="https://www.youtube.com/watch?v=eeKlLL36oQQ"></source>
</video>
<body class="body" id="body">
<section class="main-section" id="nike"></section>
<section class="main-section" id="air_jordan"></section>
</body>

<form id="form" action="https://www.freecodecamp.com/email-submit">
<input id="email" placeholder="email" type="email" name="email"></input>
<input id="submit" type="submit"></input>
</form>
<link rel="stylesheet" href="styles.css">
<div class="flexbox"></div>

/* file: styles.css */
.nav-bar {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.flexbox {
display: flex;
}

  **Your browser information:**

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

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

2

first

When you click a .nav-link button in the nav element, you are taken to the corresponding section of the landing page

It’s about sections, not about body element.

second

if link is refferring to element of the same page, value of the href attribute should be written properly

3

thanks on the first part but I do not see the issue with the way my href is written

4

Consider some research

5

Many thanks. I have created an account with that site.

6

Well, good to know.
Did you find how to solve the issue there?

7

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