Building a Registration Form - step 56

Please don’t post your code again unless you have changed something, thank you

We need the link to the challenge, if you would be so kind, so that we can see what you’re asked to do

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-56

reset the lesson and add margin left to auto and margin right to auto then margin top to 1em and margin bottom 1em then add min-width: 60%;

Make sure to use the value requested in the challenge

and adjust its width to never be below 300px .

oh sorry, it worked fine with me

still not working :

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

sorry my mistake the width has to be 300px

u need to make separate ones for the margin

so . . . it seems I have to set it up one by one . . . now it’s working :

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

The first value is top/bottom the last is left/right.

margin: 1em auto;

Just to be clear margin is a shorthand property

1 Like

top and bottom should be 1em, left and right auto
you have left and bottom at 1em, 0 for top, and auto for right

That’s like giving away the answer! lol I want to rub shoulders with some programmers. Where can I do that at?

I thank you all for all your help . . . you guys responded quickly . . . that is amazing :+1: :+1: :+1: :pray: :pray: :pray:

freecodecamp has a discord server

as a first time user in this forum I reached the maximum number of post allowed that day . . . so sorry for the late reply . . . thank you for your help :innocent: :pray:

beginners like me sometimes look down at by some experts . . . I know that for sure . . . and I can feel that . . . you’re probably an expert . . . thank you for your post . . . it really inspiring :grin: :grin: :grin:

If you haven’t figured it out still, all you need to do is:
margin-top: auto
margin-bottom: auto
margin-right: 1em
margin-left: 1 em
*the thing is to remove the 0 and no longer use the margin selector by itself anymore. i hope this made sense and I hope I was able to help :slightly_smiling_face: :slightly_smiling_face:

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