Learn HTML Forms by Building a Registration Form - Step 17

Tell us what’s happening:
Describe your issue in detail here.
I dont undestand what im missing about linking the input to the label what am i missing??
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 action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <label>Enter Your First Name: <input for="first-name" id="first-name" /></label>
        <label>Enter Your Last Name: <input for="last-name" id="last-name"/></label>
        <label>Enter Your Email: <input for="email" id="email" /></label>
        <label>Create a New Password: <input for="new-password" id="new-password" /></label>
      </fieldset>
      <fieldset></fieldset>
      <fieldset></fieldset>
    </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/106.0.0.0 Safari/537.36 Edg/106.0.1370.47

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

Link to the challenge:

In the ‘label’ element put "for=“smth”, and in the ‘input’ element put id=“smth”. Values must be the same in both attributes.

You can review step 56 in the cat photo app project to see how to use for and id to link the label and the inputs