# Learn HTML Forms by Building a Registration Form - Step 47

**URL:** <https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-47/657243>\
**Category:** Curriculum Help\
**Created:** [December 21, 2023, 11:29pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-47/657243 "2023-12-21T23:29:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![SeanJ](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/seanj/32/344778_2.png) [@SeanJ](https://forum.freecodecamp.org/u/SeanJ)\
**Post date:** [December 21, 2023, 11:29pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-47/657243/1 "2023-12-21T23:29:58Z")

</div>

### it says give the fieldset elements a border bottom of 3px solid #3b3b4f

### fieldset {border-bottom: 3px solid #3b3b4f;

```html
<!-- 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" checked /> Personal</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> 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 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>

```

```css
/* 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;
}

/* User Editable Region */

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

/* User Editable Region */

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

```

### Your browser information:

User Agent is: `Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36`

### Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 47

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-47)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![ildi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ildi/32/344645_2.png) [@ildi](https://forum.freecodecamp.org/u/ildi)\
**Post date:** [December 22, 2023, 1:03am UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-47/657243/2 "2023-12-22T01:03:21Z")

</div>

Hi, I think the issue might be the order of your CSS rules for the fieldset element. I think you should add the border-bottom attribute as the last entry of your fieldset selector. Since fieldset is an attribute selector, your declaration for border and your declaration for border bottom have the same specificity. In this case, the one that is declared later wins. So to some it up, what you have written is correct, it is just the value for border-bottom is being overwritten by the your last border declaration. Move border-bottom to the end, and it should work.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [June 21, 2024, 1:03pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-47/657243/3 "2024-06-21T13:03:50Z")

</div>

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