Learn Accessibility by Building a Quiz - Step 12

Tell us what’s happening:
I’m having a problem having all of my list items show up.
The CSS list item is the only one that shows up.
I have the list items nested in an unordered list nested in an anchor tag.
I tried having the list items nested in an anchor tag nested in an unordered list.
I just dont know what im doing wrong :frowning:

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" />
    <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>
            <a>
            <ul>
            <li>INFO</li>
            <li>HTML</li>
            <li>CSS</li>
            </ul>
            </a>
      </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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 12

Link to the challenge:

You wrapped the whole unordered list element in an anchor element but the instructions were:

The list items text should be wrapped in anchor tags.

(Only the text of each of the li element should be wrapped in anchor tags)

Are you saying list item then anchor tag then text?
( li-a-text-/a-/li)

nvm i didn’t submit it. it worked lol

1 Like

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