Registration Form Input min-width

HTML-CSS
#1

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!

#2 
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.

#3

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

#4

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

That error message is a little confusing I agree.

#5

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!