Learn HTML Forms by Building a Registration Form - Step 18

HTML-CSS
1

Tell us what’s happening:
Good morning, I am stuck at stage 18 of thr registration form…
Kindly Guide me on how to go
Describe your issue in detail here.

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>Enter Your First Name: <input id="first-name" /></label>
        <label>Enter Your Last Name: <input id="last-name"/></label>
        <label>Enter Your Email: <input id="email"/></label>
        <label>Create a New Password: <input 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/107.0.0.0 Safari/537.36

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

Link to the challenge:

2

The instruction says that you have to link the ‘label’ and corresponding ‘input’ elements:

<label for="smth">Text<input id="smth"></label>

‘for’ and ‘id’ attributes should have the same values.

3

let’s read from instructions

link the input elements and the label elements together using the for attribute

you have id’s placed now you need to add “those” same values for “corresponding” labels as well

address those changes and it should be alright, happy learning :slight_smile: