Learn Accessibility by Building a Quiz - Step 12

Tell us what’s happening:
Describe your issue in detail here.
this the task description :slight_smile: To enable navigation on the page, add an unordered list with the following three list items:

  • INFO
  • HTML
  • CSS

The list items text should be wrapped in anchor tags.
but my code dosn’t pass it showing error like this
Sorry, your code does not pass. You’re getting there.

Hint

You should nest one ul element inside the nav.

   **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>
     <nav>
       <ul><a>INFO</a></ul>
       <ul><a>HTML</a></ul>
       <ul><a>CSS</a></ul>
</nav>
   </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/105.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 12

Link to the challenge:

To list an item is by using <li>

<ul> is used to define the type of your list.

1 Like

thankyou sir… :heart: :heart: :heart: :heart: :heart: :heart:

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