Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:
how nav link correspomds to an element not getting the point

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale="1.0">
    <title>Digital Aurora</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://product-landing-page.freecodecamp.rocks/">
  </head>
  <body>
    <header id="header">
      <h1>Digital Aurora</h1>
      <img id="header-img" src="https://artfiles.alphacoders.com/103/thumb-1920-103202.jpg" alt="bunny holding carrot">
      <nav id="nav-bar">
        <ul>
          <li><a class="nav-link" href="#features"></a>Features</li>
          <li><a class="nav-link" href="#How It Works"></a>How It Works</li>
          <li><a class="nav-link" href="#Pricing"></a>Pricing</li>
          </ul>
      </nav>
    </header>
  </body>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  </html>

/* file: styles.css */

Your browser information:

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

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

2

dont do this
<link rel="stylesheet" href="https://product-landing-page.freecodecamp.rocks/">

your links wont work

<li><a class="nav-link" href="#features"></a>Features</li>

because your a tag is closed before word that needs to be link…

Navigation corresponds with element because point of navigation is to lead to that element

3

sorry i still dont get its understanding please brief me more

4

your a tag must be closed after the word, so word itself can be a link!

5
    • 6

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