HTML-CSSS Registration Form

HTML-CSS
1

Who will help me with step 54 of the Registration form
Step 54
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, and set the width as described above.
This is the code

input[type="submit"] {

  display: block;

  width: 60%;

  min-width:300px;

  margin:1em;

  height: 2em;

  font-size: 1.1rem;

  background-color: #3b3b4f;

  border-color: white; 

}

You should use the existing margin property to include 1em on the top and bottom.

1 Like
2

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Margin property should be set to 1em(for top-bottom) and auto(for left-right).

3

here’s my code. I wish can help u.

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

1 Like
4

I hope this helps

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

}

1 Like
5

Hello Joaquin.

I was using the following code for this step:

margin: 1em 0 1 em auto;

Can you please tell me why it can’t be used. Thank you.

6

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