Error happening for no reason?

Tell us what’s happening:

i did the thing but its still showing the error
You should move the min-height property and value to the input, textarea, select selector.

Your code so far

input, textarea {

  background-color: #0a0a23;

  border: 1px solid #0a0a23;

  color: #ffffff;  

}

input, textarea, select {

  min-height: 2em;

}

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Challenge: Step 49

Link to the challenge:

1 Like

The tests pass for me, have you made any other changes in the code, If not try your code in different browser or in an incognito mode.

tried right now in incognito and different browser didnt seem to work ,
ive also restarted the step and only made the change needed , cut the minheight line and made a new selector to paste the code into
input, textarea {

background-color: #0a0a23;

border: 1px solid #0a0a23;

color: #ffffff;

}

input, textarea, select {

min-height: 2em;

}

Can you paste your full 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;

}

fieldset:not(:last-of-type) {

  border-bottom: 3px solid #3b3b4f;

}

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;

}

You have two input, textarea, select selector, delete the last one and add the min-height to the first input, textarea, select selector

2 Likes

this code is answer code of step 50 , copy it

mod edit: solution redacted

You should cut min-height from “input, textarea” selector and paste it to “input, textarea, select” selector just above it. There is no need to create another selector, there already is. You can find full code below:

Mod edit: solution redacted

1 Like

Mod edit: solution redacted

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

2 Likes

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.