Learn Accessibility by Building a Quiz - Step 12

[septerrain]

Hello, how are you?
step 12 asks for nesting in an a and ul element.
What can be done?

 <h1>HTML/CSS Quiz</h1>
 <nav>

• INFO
• HTML
• CSS

 </nav>

```css
/* 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:102.0) Gecko/20100101 Firefox/102.0

Challenge: Learn Accessibility by Building a Quiz - Step 12

Link to the challenge:

freeCodeCamp.org

[septerrain]

problem solved. had wrapped not only the item. Had wrapped the the li tags , also. That doesn’t make sense to see the li elements in plain view.