Learn Accessibility by Building a Quiz - Step 14

Tell us what’s happening:

I have copied the exact same URL that freeCodeCamp provided but it is not accepting my action and URL
Lately freeCodeCamp is messing up and not accepting my code even if i have written the exact same and even checked from the forum;(

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" alt="freeCodeCamp" 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>

<!-- User Editable Region -->

    <main>
   <form>
     <section>
       </section>
       <section>
         </section>
         <section>
           </section>
           <form action="https://freecodecamp.org/practice-project/accessibility-quiz" method="post">
         </form>
    </main>

<!-- User Editable Region -->

  </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 14

Hi there and welcome to our community!

The issue is your form element. You have a form opening tag after your main opening tag and then another form opening tag after your section elements. You should only have one opening tag and it should be the first one, as the section elements should be nested inside the form element.
Remove the additional form opening tag and copy the action and method attributes into the first tag.

I notice you added two form opening tags?

Thankyou for your help…it worked:)

1 Like

Thankyou for your help

1 Like