Design a Registration Form - Step 27

HTML-CSS
1

Tell us what’s happening:

Describe the bug
I’m stuck on Step 27 of the “Design a Registration Form” project. The test keeps failing with the message: “You should have an a element right before the label with the text Read our terms and conditions.” I have followed the instructions exactly but the test will not pass.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Registration Form</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <h1>Registration Form</h1>
  <p>Please fill out this form with the required information</p>
  <form method="post" action='https://register-demo.freecodecamp.org'>
    <fieldset>
      <label for="first-name">Enter Your First Name: <input id="first-name" type="text" required /></label>
      <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" required /></label>
      <label for="email">Enter Your Email: <input id="email" type="email" required /></label>
      <label for="new-password">Create a New Password: <input id="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
    </fieldset>
    <fieldset>
      <legend>Account type (required)</legend>
      <label for="personal-account"><input id="personal-account" type="radio" name="account-type" value="personal" checked /> Personal</label>

<!-- User Editable Region -->

      <label for="business-account"><input id="business-account" type="radio" name="account-type" value="business" /> Business</label>
    </fieldset>
    <fieldset>
      <a href="https://www.freecodecamp.org/news/terms-of-service/">Read our terms and conditions</a>
      <label for="terms-and-conditions">
        <input id="terms-and-conditions" type="checkbox" required /> I accept the terms and conditions
      </label>
    </fieldset>
    <input type="submit" value="Submit" />
  </form>
</body>
</html>


<!-- User Editable Region -->


/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
}

label {
  display: block;
  margin: 0.5rem 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36

Challenge Information:

Design a Registration Form - Step 27

2

I think you have added to the seed code not asked for. Reset the step and only add the new anchor element before the label. Don’t add anything else.

3

Hey buddy, See here you need to remove the extra space which is there just after the label element here

Here when you will do remove the extra space from here then you will be able to pass this test over here.

Hope You Understand