Design a Registration Form - Step 26

HTML-CSS
1

Tell us what’s happening:

help me please as fast as possible
I need help please

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

<!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 action="https://freecodecamp.org" method="post">
      <fieldset>
        <label for="first-name">Enter Your First Name:
          <input id="first-name" type="text" name="first-name" required>
        </label>
        <label for="last-name">Enter Your Last Name:
          <input id="last-name" type="text" name="last-name" 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-9]{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>
        <label for="business-account">
          <input id="business-account" type="radio" name="account-type" value="business">
          Business
        </label>
      </fieldset>

      <fieldset>
        <label for="terms-and-conditions">
          <input id="terms-and-conditions" type="checkbox" name="terms-and-conditions" required>
          I agree to 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/143.0.0.0 Safari/537.36 Edg/143.0.0.0

Challenge Information:

Design a Registration Form - Step 26

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

Please reset this step to bring back the original code and try again. This time, only add the label and input elements. Do not add text to the label or nest these new elements inside the empty fieldset.