Learn HTML Forms by Building a Registration Form step 42

HTML-CSS
1

Step 42 : https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-42
To give the fieldset elements a bit of separation, select them and give them a border-bottom of 3px solid #3b3b4f.

Here is the part of the code I’m struggling with :

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

I tried these it doesn’t work

2

Hello!

You’re missing a ; at the end of your line

3

Hello ! I added it still doesn’t work

4

Welcome to the forum!

We recommend familiarising yourself with how to ask a question on this forum. Specifically, you are more likely to get useful help, if you provide a helpful title and description:

image
image1341×690 188 KB

5

Thank you I changed the title

6

Could you share your updated code?

7

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

8

Please paste a link to the specific step you are on also.

1 Like
9

Do you have any plugins installed on your browser? Can you try on a different browser?

10

try taking out the border: none

1 Like
11

Mod Edit: removed because it spoiled a solution

12

thanks for posting the question link.
I believe the problem is the location you added the new border-bottom line
it should be below the border:none
This is because the way cascading style sheets work, the bottom most style over-writes the earlier one. (so border none was removing your work)

In most fcc exercises of this type, they likely expect you to add new code to end of a code block (unless they specify otherwise)

2 Likes
13

hi Richard,

Thanks so much for your effort to help this fellow learner and others as well.
Please notice that a few of your previous posts included the solution to the FCC exercise and were edited out. This is not to say that your contribution was not valuable but only to allow the FCC learners to experience learning at their own pace which will allow them to gain insights into the debugging process as well as help them to remember what they have worked hard to learn.

I thank you for your efforts to support everyone here and appreciate your understanding of this action.

1 Like
14

got it. I’m used to providing answers at work.

I’ll try to provide insight instead of solutions from now on

2 Likes
15

Please be my co-worker asap :grinning:

16

Thank you so much !! It worked

2 Likes
17

Thank you for specifying this. I spent the last 30 minutes trying to find a solution to this step and couldn’t. Your suggestion did the trick and made perfect sense, not sure why I didn’t try that already.

1 Like
18

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