Learn HTML Forms by Building a Registration Form - Ambiguous message in the answer

It seems that I am writing the correct code, however the error message shown doesn’t make sense.

The Question

Step 56: 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.

My 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%;
background-color: #0a0a23;
border: 1px solid #0a0a23;
color: #ffffff;
min-height: 2em
}

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

Answer

Sorry, your code does not pass. Don’t give up.

You should remove the min-height declaration from the input, textarea selector.

Can anyone guide me for this if I am doing anything wrong? Please let me know so I can proceed further.

Welcome to the forum @sabarishiyer2010

You appear to have removed some of the styling code.

Please reset the step to restore the original code.

Then move only the min-height property and value.

Happy coding

Hello,

maybe this trouble is caused by a missing semicolon behind the min-height-line, after the 2em.

I hope this will help you.

1 Like

Thanks. I tried that also, but it is showing that ‘You should add the min-height declaration to the input, textarea, select’ selector.

I’ll try this and let you know. Thanks @PetraB !