I'm unable to center-align the Google and Facebook buttons. Can someone give some suggestions?

Question

https://code.sololearn.com/W53c0eMJ1AAB/?ref=app

Answer 1

Set your margin to 0.5rem 4.5rem in CSS for button.googlebutton and button.fbbutton. The 4.5rem sets it away from the edge that is, 4.5rem from both left and right. While the 0.5rem for the top and bottom.

Answer 2

Saptarshi Ghosh
Perhaps you can apply the Biraj code to just the google and facebook buttons because the create account and cancel buttons on the same line looks better.

Answer 3

Miracle Osoh
Okay

Answer 4

Miracle Osoh
I included the 'create account' button and the 'cancel' button in a div element now.😅

Answer 5

Biraj
Thanks a lot.
Taking div#form was center aligning the labels too, so I created a new div element including the buttons and included your part. It worked great!!😀😀

Answer 6

Biraj
Will surely make it neat😅

Answer 7

Gosh you learnt all that through solo learn😲

Answer 8

Bro you can keep outline: none; and outline: 0; for you google and Facebook buttons.

Answer 9

حیا همدرد