Learn Accessibility by Building a Quiz - Step 12

I need help to pass this step. The hint given is I should give the first a element the text INFO. Which is what i have done…Why is my code not passing?

<ul>
          <li><a href="INFO"></a></li>
          <li><a href="HTML"></a></li>
          <li><a href="CSS"></a></li>
          </ul>
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="freeCodeCamp Accessibility Quiz practice project" />
    <title>Accessibility Quiz</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header>
      <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
      <h1>HTML/CSS Quiz</h1>

<!-- User Editable Region -->

      <nav>
        <ul>
          <li><a href="INFO"></a></li>
          <li><a href="HTML"></a></li>
          <li><a href="CSS"></a></li>
          </ul>

      </nav>

<!-- User Editable Region -->

    </header>
    <main></main>
  </body>
</html>

/* file: styles.css */
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

header {
  width: 100%;
  height: 50px;
  background-color: #1b1b32;
  display: flex;
}

#logo {
  width: max(100px, 18vw);
  background-color: #0a0a23;
  aspect-ratio: 35 / 4;
  padding: 0.4rem;
}

h1 {
  color: #f1be32;
  font-size: min(5vw, 1.2em);
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0

Challenge: Learn Accessibility by Building a Quiz - Step 12

Link to the challenge:

Add the same corresponding text to each anchor element. In other words, add the “INFO” in between anchor tags with ‘href’ attribute set to “INFO”, and so on.

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