Registration Form Step 46

I can’t seem to get this right, what am I doing wrong?
To give the fieldset elements a bit of separation, select them and give them a border-bottom of 3px solid #3b3b4f .

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;
}
fieldset:not(:last-of-type) {
border-bottom: 3px solid #3b3b4f;
}

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

Welcome to freecodecamp.org forum, LukeBenjaminWallace.
I suggest clicking behind the end of the padding entry, and enter to go down below. Then, enter the information for the border-bottom as you have done for the other two entries.
I could not get it to work for me when I just placed my icon on the line below the padding. But, it worked for me when I clicked behind the padding, pushed enter and entered the coding.
Hope this helps you.

1 Like

Thanks. I solved it by doing this…

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

so simple.

1 Like

Great job! Happy coding!

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