Help me please ! solve step 56

Step 56

Lastly, for the submit button, you want to separate it from the fieldset above, and adjust its width to never be below 300px.

Change the margin property to include 1em on the top and bottom, while leaving the right and left margins set to auto. Then set the width as described above.

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

}

Hi and welcome to FCC
You must use margin-top and margin-bottom to do it , please try now

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

}
still error man

Did you leave the right and left margin to auto as well ? I don’t see them in your code buddy

5 Likes

i done it already !
thank’s for your respon

how did u get it done bro?
I am currently hanged here

input[type=“submit”] {
display: block;
width: 60%;
min-width:300px;
margin: auto;
margin-top:1em;
margin-bottom:1em;
margin-left: auto;
margin-right: auto;
height: 2em;
font-size: 1.1rem;
background-color: #3b3b4f;
border-color: white;
}
This worked more perfectly

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

}

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