Build a Product Landing Page - Missing 1 requirement

Need help with my ‘Product Landing Page’ project. I am missing one requirement, " 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 )."

MY CODE SO FAR:

<!DOCTYPE html>
<html lang="en">
<header id="header">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CC Product Landing Page</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500&family=Montserrat:wght@500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="./styles.css">
    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
</header>
<body>
    <header id="header">
        <nav id="nav-bar">
            <div class="logo-container">
                <img src="https://png.pngtree.com/template/20190316/ourmid/pngtree-books-logo-image_79143.jpg"
                alt="logo"
                id="header-img"
                />
                <span class="the-product">Classic Books</span>
            </div>
                <ul class="nav-links">
                    <li><a href="#features" class="nav-link">Features</a></li>
                    <li><a href="#audio" class="nav-link">Free Audio Book</a></li>
                    <li><a href="#for-sale" class="nav-link">For Sale</a></li>
                </ul>
        </nav>
    </header>

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

please post all the code. (that just looks like the top part only?)

Also the meta tags/title etc should be nested in a head element not a header element

And, don’t use duplicate ids in different elements. Every id should be unique.

CC Product Landing Page
logo Classic Books
<section id="email-section">
    <h2>Beautifully Written Masterpieces</h2>
    <form action="https://www.freecodecamp.com/email-submit" id="form">
        <input 
            id="email"
            type="email"
            required
            placeholder="Enter your email address" 
            name="email"
        />
        <input
            id="submit"
            type="submit"
            value="GET STARTED"
        />
    </form>
</section>

<section id="feature">
    <div class="feature">
        <i class="ri-file-paper-fill ri-4x icon"></i>
        <div>
            <h2>Premium Material</h2>
            <p>
                Our Books use the best paper which is sourced to increase the longevity of your purchase.
            </p>
        </div>
    </div>
    <div class="feature">
        <i class="ri-truck-fill ri-4x icon"></i>
        <div>
            <h2>Day Shipping</h2>
            <p>
                We make sure you receive your classic book as soon as possible so that you can start reading immediately.
            </p>
        </div>
    </div>
    <div class="feature">
        <i class="ri-book-open-line ri-4x icon"></i>
        <div>
            <h2>Quality Books Only</h2>
            <p>

We make sure to only provide awesome classic books.







<section id="for-sale">
    <h2>For Sale></h2>
    <div id="product-cards">
        <div class="card">
            <div class="product=image product1"
            <div class="inner-card">
                <div class="author">Dale Carnegie</div>
                <h1 class="header">How to Win Friends & Influence People</h1>
                <p class="content">How to Win Friends and Influence People is a 1936 self-help book written by Dale Carnegie. Over 30 million copies have been sold worldwide, making it one of the best-selling books of all time. Carnegie had been conducting business education courses in New York since 1912.</p>
                <div class="flex">
                    <p class="main-price">$16.12</p>
                    <p class="old-price">$19.99</p>
                </div>
                <button class="add">Add to Cart</button>
            </div>
        </div>
        
        <div class="card">
            <div class="product=image product2"
            <div class="inner-card">
                <div class="author">Robert Kiyosaki</div>
                <h1 class="header">Rich Dad Poor Dad</h1>
                <p class="content">Rich Dad Poor Dad is a 1997 book written by Robert T. Kiyosaki and Sharon Lechter. It advocates the importance of financial literacy, financial independence and building wealth through investing in assets, real estate investing, starting and owning businesses, as well as increasing one's financial intelligence.</p>
                <div class="flex">
                    <p class="main-price">$7.68</p>
                    <p class="old-price">$15.16</p>
                </div>
                <button class="add">Add to Cart</button>
            </div>
        </div>

        <div class="card">
            <div class="product=image product3"
            <div class="inner-card">
                <div class="author">James Clear</div>
                <h1 class="header">Atomic Habits</h1>
                <p class="content">

James Clear, an expert on habit formation, reveals practical strategies that will teach you how to form good habits, break bad ones, and master the tiny behaviors that lead to remarkable results. He draws on proven ideas from biology, psychology, and neuroscience to create an easy-to-understand guide for making good habits inevitable and bad habits impossible.



$11.98


$14.99



Add to Cart

        </div>
    </div>
</section>

you must edit your post as described in the instructions I posted earlier

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