Learn HTML Forms by Building a Registration Form - Step 31

Tell us what’s happening:
Describe your issue in detail here.
I’m in the 31 challenge and I don’t know how to complete it

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>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" /> Personal Account</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business Account</label>
        <label for="terms-and-conditions">
          <input id="terms-and-conditions" type="checkbox" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
        </label>
      </fieldset>
      <fieldset>
      </fieldset>

<!-- User Editable Region -->

      <fieldset>
        <label>Upload a profile picture: </label><input type="file">
      </fieldset>

<!-- User Editable Region -->

      <input type="submit" value="Submit" />
    </form>
  </body>
</html>
/* 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/114.0.0.0 Safari/537.36

Challenge: Learn HTML Forms by Building a Registration Form - Step 31

Link to the challenge:

As the directions say

" Add a label with the text Upload a profile picture: , and nest an input accepting a file upload."

The big part to pay attention to here is the word nest right now your input is coming after the label, it is not nested inside the label

Also, I just noticed this

What are you using these fieldset for? They are empty and not doing anything, do they need to be there?

I’m trying every combination and nothing
I’ve even search in Youtube and find a way but it doesn’t compile

Did you try nesting the input like I suggested? Also, do you still have that empty fieldset I pointed out? Show us your current code. Use the format button that looks like </> and paste the code between the lines it gives you

i just deleted those extra fieldset
When I started the projector they asked me to create 4
Now my code compile

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