Learn Accessibility by Building a Quiz - Step 6

HTML-CSS
1

Tell us what’s happening:
I tried multiple ways to add the header and main elements to the body. I’ve tried both of them outside the body, both inside the body, the main inside the header within the body. I also looked it up online and it usually seems to have them all on separate lines within the body.
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>

<!-- User Editable Region -->

<body>
  <header>
    <main></main>
    </header>
  </body>

<!-- User Editable Region -->

</html>


/* file: styles.css */
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

Your browser information:

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

Challenge: Learn Accessibility by Building a Quiz - Step 6

Link to the challenge:

2

Sorry, I just got it

2 Likes