Learn Accessibility by Building a Quiz - Step 16

HTML-CSS
1

I feel as if my code is correct so far and have no clue as to what the solution is. The error code tells me to include an h2 element in my first section, and I have done that. I need a second pair of eyes :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>
     <nav>
       <ul>
         <li><a>INFO</a></li>
         <li><a>HTML</a></li>
         <li><a>CSS</a></li>
			  </ul>
     </nav>
   </header>
   <main>
     <form method="post" action="https://freecodecamp.org/practice-project/accessibility-quiz">
       <section aria-labelledby="student-info" role="region"></section>
         <h2 id="student-info">Student Info</h2>
       <section aria-labelledby="html-questions" role="region"></section>
         <h2 id="html-questions">HTML Questions</h2>
       <section aria-labelledby="css-questions" role="region"></section>
         <h2 id="css-questions">CSS Questions</h2>
     </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;
}

   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 16

Link to the challenge:

2

you should nest your h2 elements within your section elements

3

Oh my god, the answer was in my question. Thank you, I needed to hear that!

4

My pleasure! Happy coding ronamae.villarosa!

5

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