Learn Accessibility by Building a Quiz - Step 12

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

 <h1>HTML/CSS Quiz</h1>

/* 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:

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.

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