You can use either a value of none or 0 to remove the border

HTML-CSS
1

Hi,
I’m stuck on step 45 of responsive web design, I’m hoping someone can help. The error I get is " You can use either a value of none or 0 to remove the border ."
Thank you.

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 {
 padding: 0;
 border: 0;
 padding-top: 2rem;
 padding-bottom: 2rem;
 padding-left: none;
 padding-right: none;
}
2

Hello and welcome to FCC Forum, a community of people helping each other!

I see 5 padding values in the fieldset.
One of those values contradicts the others.
You may wish to try removing it and see if your code will pass.

Happy coding! :slight_smile:

3

Hi Life.Blessed,
Thank you for trying to help. I think maybe we’re on a different step. I tried removing values one at a time and still get the same error. The task is:

Step 45

During development, it is useful to see the fieldset default borders. However, they make the content appear too separated.

Remove the border, and add 2rem of padding only to the top and bottom of each fieldset. Be sure to remove the padding from the left and right.

Thanks again, I appreciate it.
Allen

4

fieldset is an element, the selector should be an element selector, not a class selector.

I will say the assert message is not very helpful.

5

Element selectors do not have a dot before them.
Only class selectors do, as id selectors have # before them.

The case of 5 padding properties is not having any effect on the validation of the step, once the issue of the selector is fixed.

6

Thank you very much. Problem solved.

1 Like
7

He had an eye for what I missed.

Happy coding!