Learn CSS Colors by Building a Set of Colored Markers - Step 68

Tell us what’s happening:
Somehow I keep getting the error of my nav links not being linked to another element’s id.
Your code so far

<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
    <a class="nav-link" href="#video">Features</a>
    <a class="nav-link" href="#Pricing">Prices</a>
    <a class="nav-link" href=" #Specifications">Specifications</a>
  </nav>
  
</header>
<div>
  <h2>Get quality and affordable accessories</h2>
  <div id="main"> 
    <div>
      <h3 id="Features">Features</h3>
      <ul>
        <li>ipad</li>    
        <li>headphones</li>
        <li>airpods</li>      
      </ul>
    </div> 
    <div>
      <h3 id="Pricing">Pricing</h3>
      <ul>
        <li>$45 for 1 piece</li>    
        <li>$30 for bulk purchase</li>      
      </ul>
    </div>
    <div>
      <h3 id="Specifications">Specifications</h3>
      <ul>
        <li>200mgb</li>    
        <li>100mph</li>
        <li>pure white</li>      
      </ul>
    </div>
  </div>
</div>
<div>
  <iframe id="video" width="320" height="240" src="https://www.youtube.com/embed/6CJ57Noglig">
  </iframe>
  <form id="form" action="https://www.freecodecamp.com/email-submit">
    <section>
      <label for="email">Email <input id="email" placeholder="Enter your email" type="email" name="email"></label>
      <input id="submit" type="submit">
    </section>
  </form>
</div>
Copyright 2023, Izzy
  </span>
<!-- 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>Colored Markers</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1>CSS Color Markers</h1>
    <div class="container">
      <div class="marker red">
      </div>
      <div class="marker green">
      </div>
      <div class="marker blue">
      </div>
    </div>
  </body>
</html>
/* file: styles.css */
h1 {
  text-align: center;
}

.container {
  background-color: rgb(255, 255, 255);
  padding: 10px 0;
}

.marker {
  width: 200px;
  height: 25px;
  margin: 10px auto;
}

.red {
  background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));
}

.green {
  background: linear-gradient(#55680D, #71F53E, #116C31);
}


/* User Editable Region */

c.blue {
  background: linear-gradient(hsl(186, 76%, 16%), hsl(223, 90%, 60%));
}

/* User Editable Region */


Your browser information:

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

Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 68

Link to the challenge:

Welcome to our community!

You have to change property for the .blue, not for the c.blue selector.

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