What should i do?

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

   **Tu código hasta el momento**
/* 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>
         <li><a href="#student-info">INFO</a></li>
         <li><a href="#html-questions">HTML</a></li>
         <li><a href="#css-questions">CSS</a></li>
			  </ul>
     </nav>
   </header>
   <main>
     <form method="post" action="https://freecodecamp.org/practice-project/accessibility-quiz">
       <section role="region" aria-labelledby="student-info">
         <h2 id="student-info">Student Info</h2>
         <div class="info">
           <label for="student-info" ></label>
           <input id="student-info"/>
         </div>
         <div class="info">
           <label for="student-info"></label>
           <input id="student-info" />
         </div>
         <div class="info">
           <label for="student-info"></label>
           <input id="student-info"/>
         </div>
       </section>
       <section role="region" aria-labelledby="html-questions">
         <h2 id="html-questions">HTML</h2>
       </section>
       <section role="region" aria-labelledby="css-questions">
         <h2 id="css-questions">CSS</h2>
       </section>
     </form>
   </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);
}

nav {
 width: 50%;
	max-width: 300px;
	height: 50px;
}

nav > ul {
 display: flex;
	justify-content: space-evenly;
}

h1,
h2 {
	font-family: Verdana, Tahoma;
}

h2 {
	border-bottom: 4px solid #dfdfe2;
}

   **Información de tu navegador:**

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36 OPR/90.0.4480.84

Desafío: Aprende accesibilidad construyendo un cuestionario - Step 20

Enlaza al desafío:

1. * List item

Recuerda que los id deben ser únicos y está utilizando el mismo id para diferentes elementos

En las instrucciones se explica para qué se quieren utilizar los input

This section will take a student’s name, email address, and date of birth.

Si un input se va a utilizar para el número de teléfono le puedes dar un id “telefono”.

Los input aún no tienen el atributo type, recuerda que hay diferentes tipos de input, puedes buscar, por ejemplo, qué tipo de input usar para un nombre, fecha, teléfono, email, etc

           <label for="student-info" ></label>
           <input id="student-info"/>
         </div>
         <div class="info">
           <label for="student-info"></label>
           <input id="student-info" />
         </div>
         <div class="info">
           <label for="student-info"></label>
           <input id="student-info"/>