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-bottom: 3px solid #3b3b4f;
border: none;
padding: 2rem 0;
}
Sorry, your code does not pass. Keep trying.
You should give the fieldset elements a border-bottom of 3px solid #3b3b4f.
Can someone help me please…To give the fieldset elements a bit of separation, select them and give them a border-bottom of 3px solid #3b3b4f .
Hi @jboog679 and welcome to our community!
The nature of CSS is that rules can be overwritten by other conflicting rules which follow.
So if you set border-bottom: 3px solid #3b3b4f; and then border: none; in the same selector, the second rule will overwrite the first. So, you need to think carefully about the order of your CSS rules.
For future reference, if you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.
The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.
Thank you.
