Help Lesson 47 CSS

Step 47

To give the fieldset elements a bit of separation, select them and give them a border-bottom of 3px solid #3b3b4f.

WTF is this?
I’m stuck here!

I believe my code is right:
fieldset:not(:last-of-type) {
border-bottom: 3px solid #3b3b4f;
}

But I got this everytime:
Sorry, your code does not pass. Keep trying.

You should give the fieldset elements a border-bottom of 3px solid #3b3b4f.

Welcome to the community @webooide !

I am not sure which part of the course this is from as it only shows Step 47.

However, my question is does it say to have the fieldset:not(last-of-type) or just fieldset?

Could you please let us know using the Help from the step, if the above does not help you?

Happy coding!

For this lesson I believe it is probably asking for you to target specifically all fieldset elements. So, if you will, please ask for help in the manner that @anon42932716 suggested so that we may know specifically what step it is and what it is asking you to do.

If my suggestion works, you do not need to repost the code.

Oh, I’m sorry… I’m new here and I’m kinda frustated…

The topic is: Learn HTML Forms by Building a Registration Form - Lesson 47

" To give the fieldset elements a bit of separation, select them and give them a border-bottom of 3px solid #3b3b4f ."

Here’s my CSS code so far:

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 {
margin: 0 auto;
max-width: 500px;
min-width: 300px;
width: 60vw;
padding-bottom: 2em;
}

fieldset {
border: none;
padding: 2rem 0;
}

fieldset:not(:last-of-type) {
border-bottom: 3px solid #3b3b4f;
}

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

But for some reason it says it’s wrong:

Sorry, your code does not pass. Keep trying.
You should give the fieldset elements a border-bottom of 3px solid #3b3b4f.

I tried everything, it’s been 2 days… Please help me…

I’m grateful!

Hello and welcome to the forums. I can completely understand your frustration. However, this is asking you to target all of the fieldset elements. If you look at your CSS code you will see you have both a fieldset and a fieldset:not(:last-of-type) selector. It is asking you to place the required code in the regular fieldset selector.

1 Like

OMG!
I swear to God I tried that multiple times and no luck!
Now it worked!!
Perhaps it was my anger that blinded me… :sweat_smile:

Thanks a lot!

2 Likes

That’s okay. Frustration gets the best of us sometimes. When it’s frustrating you to the point that you cannot think clearly sometimes it is best to step away for a bit and take a break then either resume trying on your own or seeking help as you did here.

Regardless, I am truly thankful that you managed to pass and move on. Keep up the great work!

1 Like

Noted!
Thank you! I appreciate the help and the advice. :pray:t4:

2 Likes

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