Learn HTML Forms by Building a Registration Form - Step 18

the code does not pass here? whats the error?

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
    <form method="post" action='https://register-demo.freecodecamp.org'>

<!-- User Editable Region -->

        <label>Enter Your First Name: <input type="first-name"/></label>
        <label>Enter Your Last Name: <input type="last-name"/></label>
        <label>Enter Your Email: <input type="email"/></label>
        <label>Create a New Password: <input type="new-password"/></label>

<!-- 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/ Safari/537.36

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

Link to the challenge:

Step 18
Following accessibility best practices, link the input elements and the label elements together using the for attribute.
Use first-name, last-name, email, and new-password as values for the respective id attributes.

You have added type attributes to your input elements. This is not what the challenge requires. If you wish to link label and input elements, you should be adding id attributes to the input elements, and matching for attributes to the label elements.