Please am stuck in the responsive web design BETA. Step 41 of Registration form, thjs is what am asked to do

HTML-CSS
1

/**To give the fieldset elements a bit of separation, select all but the last fieldset element, and give them a border-bottom of 3px solid #3b3b4f **/

/** this is what have done,and its not working at all **/

:not(:last-of-type) {

border-bottom: 3px solid #3b3b4f;

}
/** is it wrong, and provide the solution if you know , I will really be grateful**/

2

Go ahead and link the lesson here.

3

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

}

fieldset {

border: none;

padding: 2rem 0;

}

:not(:last-of-type) {

border-bottom: 3px solid #3b3b4f;

}

label {

display: block;

margin: 0.5rem 0;

}

/** Html code **/

<title>Registration Form</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

<h1>Registration Form</h1>

<p>Please fill out this form with the required information</p>

<form action='https://fcc-registration-form.com'>

  <fieldset>

    <label>Enter Your First Name: <input type="text" name="first-name" required /></label>

    <label>Enter Your Last Name: <input type="text" name="last-name" required /></label>

    <label>Enter Your Email: <input type="email" name="email" required /></label>

    <label>Create a New Password: <input type="password" name="password" pattern="[a-z0-5]{8,}" required /></label>

  </fieldset>

  <fieldset>

    <label><input type="radio" name="account-type" /> Personal Account</label>

    <label><input type="radio" name="account-type" /> Business Account</label>

    <label>

      <input type="checkbox" name="terms" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>

    </label>

  </fieldset>

  <fieldset>

    <label>Upload a profile picture: <input type="file" name="file" /></label>

    <label>Input your age (years): <input type="number" name="age" min="13" max="120" />

    </label>

    <label>How did you hear about us?

      <select 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>Provide a bio:

      <textarea name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>

    </label>

  </fieldset>

  <input type="submit" value="Submit" />

</form>
4

Did you include the fieldset.
it should read fieldset:not(:last-of-type)

1 Like
5

Thanks Alless am so grateful, it works now

6

You basically had the answer here…

7

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