Learn HTML Forms by Building a Registration Form - Step 65

Tell us what’s happening:

I am stuck on my last step :sleepy:
I keep getting the error You should give the a element a color of #dfdfe2 .
I have tried
a{
color: #dfde2;}
and
terms-and-conditions{
color: #dfde2;}

but both are wrong I dont know what im 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 method="post" action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <label for="first-name">Enter Your First Name: <input id="first-name" name="first-name" type="text" required /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" name="last-name" type="text" required /></label>
        <label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
        <label for="new-password">Create a New Password: <input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
      </fieldset>
      <fieldset>
        <legend>Account type (required)</legend>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" class="inline" checked /> Personal</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" class="inline" /> Business</label>
      </fieldset>
      <fieldset>
        <label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
        <label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
        <label for="referrer">How did you hear about us?
          <select id="referrer" name="referrer">
            <option value="">(select one)</option>
            <option value="1">freeCodeCamp News</option>
            <option value="2">freeCodeCamp YouTube Channel</option>
            <option value="3">freeCodeCamp Forum</option>
            <option value="4">Other</option>
          </select>
        </label>
        <label for="bio">Provide a bio:
          <textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
        </label>
      </fieldset>
      <label for="terms-and-conditions">
        <input class="inline" id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
      </label>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>
/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
  font-family: Tahoma;
  font-size: 16px;
}

h1, p {
  margin: 1em auto;
  text-align: center;
}

form {
  width: 60vw;
  max-width: 500px;
  min-width: 300px;
  margin: 0 auto;
  padding-bottom: 2em;
}

fieldset {
  border: none;
  padding: 2rem 0;
  border-bottom: 3px solid #3b3b4f;
}

fieldset:last-of-type {
  border-bottom: none;
}

label {
  display: block;
  margin: 0.5rem 0;
}

input,
textarea,
select {
  margin: 10px 0 0 0;
  width: 100%;
  min-height: 2em;
}

input, textarea {
  background-color: #0a0a23;
  border: 1px solid #0a0a23;
  color: #ffffff;
}

.inline {
  width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

input[type="submit"] {
  display: block;
  width: 60%;
  margin: 1em auto;
  height: 2em;
  font-size: 1.1rem;
  background-color: #3b3b4f;
  border-color: white;
  min-width: 300px;
}

input[type="file"] {
  padding: 1px 2px;
}

.inline{
  display: inline; 
}

/* User Editable Region */

a{
  color: #dfde2;}

/* User Editable Region */


Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 65

:balloon:Hello! Welcome to the forum!

Your code is very close to passing, but the color hex code has an error. It should look like this:

Does this help?
Keep up the good progress!

Happy Coding! :slightly_smiling_face:

2 Likes

Hi @Grim0no and @ios-man!
You responses are both helpful and your correct about the error but you should change your reply so that whilst they provide assistance to complete the step it shouldn’t include the actual answer.
According to the FCC rules it is like this so that the user will have a chance to try and figure it out on there own without getting a direct answer.
Don’t worry about it most of us have been there and done that until learning the rules.
So continue providing your great assistance and edit your replies before @Cody_Biggs does :smile:!

4 Likes

Point taken @anon86258595, but I think it could be argued that a less explicity indication would be of little value here. @Yve89 clearly understands the overall concept and syntax, and simply forgot one letter in the color code - something we have all done.

Your intention is absolutely understood, and I am certain that @Yve89 will have compared her code with that provided in earnest. Hence, she will have found her error and updated her code.

We all know what little value copy and pasting code holds, especially in the context of freeCodeCamp, where the motivation to learn comes from within. It could be safe to say, that anyone cheating here, is really cheating themselves.

Happy coding!

2 Likes

I have edited your reply and removed the solution.
Do not provide solutions directly. provide hints and references.

4 Likes

Missed my chance. As steph said, we dont allow solutions to be posted even if the OP has 99.99% of the solution. People will take any chance to copy and paste to move on. To eliminate that, any solution provided will be removed when mods see it.

3 Likes

Deleted because I posted the solution and I was not able to edit it.

1 Like

You guys are the best…
Thank you for all the support

1 Like