Learn HTML Forms by Building a Registration Form

**Help me out please!**
The task :

# Step 55

You want the `select` element to remain with a white background, but now it is not getting the same `min-height` as the `input` and `textarea` elements.

Move the `min-height` property and value so that all three element types have the same `min-height` value, and the `select` element still has a white background.

The code:

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;
  border-bottom: 3px solid #3b3b4f;
}

fieldset:last-of-type {
  border-bottom: none;
}

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

input,
textarea,
select {
  margin: 10px 0 0 0;
  width: 100%;
}

input, textarea {
  background-color: #0a0a23;
  border: 1px solid #0a0a23;
  color: #ffffff;
 
}
input, textarea, select{
   min-height:2em;
}

.inline {
  width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

Error: You should move the `min-height` property and value to the `input, textarea, select` selector.

Problem:I don't get this, the code does the needful then what's the issue

Welcome them to our community!

Post the link to the challenge.

which link and what challenge

This is the link that helps us to see what the issue may be:

In this case, you have moved the ‘min-height’ property but deleted the properties which were assigned to the multiple element selector (input, textarea, select).
Don’t delete the following:

  margin: 10px 0 0 0;
  width: 100%;

Just add the ‘min-height’.

1 Like

It worked,thank you!

1 Like

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