Building a registration form

i dont know whats wrong with my code :frowning:

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-top:2rem;
  padding-bottom:2rem;
  padding:0;
}

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

the problem is apparently in the fieldset part of the css nut i dont know what my error is?

The padding property overrides the padding-top and padding-bottom property because you have placed it after them. So in this case, even though you set the top/bottom properties to 2rem, the padding property sets them back to 0.

thank you for the quick respond
i did what you told me to do but even before the error message was not about the padding but the border:
Sorry, your code does not pass. Try again.

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

that’s what i am supposed to do:

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.

mmh i somehow fixed it by rewriting “fieldset”
thanks for yor help @bbsmooth

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