Registration Form Input min-width

This is involving step 54 of Building a Registration Form

My Code:

input[type=“submit”] {
display: block;
width: 60% auto;
margin: 1em 0 1em 0;
height: 2em;
font-size: 1.1rem;
background-color: #3b3b4f;
border-color: white;

Error Message
// running tests You should not change the
width property. Use the min-width property. //

Adding
min-width: 300px;
still generates an error.

Code with min-width: 300px; added

input[type=“submit”] {
display: block;
width: 60% auto;
min-width: 300px;
margin: 1em 0 1em 0;
height: 2em;
font-size: 1.1rem;
background-color: #3b3b4f;
border-color: white;

Error Message
// running tests You should not change the
width property. Use the min-width property. //

If you’ve already established a width, how do you add the minimum width? Shouldn’t the minimum be the width you’ve already established?

Thank you for any assistance!

width: 60% auto;

Did you try without the auto for the width?


I should say it is an invalid value and as such won’t be used.

Thanks for that, the directions are a bit confusing. It looks like I’m dealing with 2 different issues in the same step but removing the auto seems to have removed the error message:
// running tests You should not change the
width property. Use the min-width property. //

Now the only error message I’m getting is:
You should use the existing margin property to include 1em on the top and bottom.

which is a totally separate issue. I do believe that the auto was getting in the way though!
Thank you for the assistance, I’ll get through this all eventually!
Nyal

You have to keep the auto for the left/right part of the margin.

That error message is a little confusing I agree.

Sounds crazy but putting the auto back in lets the code validate.
Thanks for the help, I just needed a different set of eyes to see what I was seeing! On to the next step!

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