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

/**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**/

Go ahead and link the lesson here.

/** 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=''>


    <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>



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

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


      <input type="checkbox" name="terms" required /> I accept the <a href="">terms and conditions</a>




    <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>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>



    <label>Provide a bio:

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



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


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

1 Like

Thanks Alless am so grateful, it works now

You basically had the answer here…

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