Building a Registration Form - step 56

HTML-CSS
21

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

22

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

23

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

24

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%;

25

Make sure to use the value requested in the challenge

and adjust its width to never be below 300px .

26

oh sorry, it worked fine with me

27

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%;
}

28

sorry my mistake the width has to be 300px

29

u need to make separate ones for the margin

30

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;
}
31

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
32

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

33

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

34

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

35

freecodecamp has a discord server

37

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:

38

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:

39

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:

40

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