Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Sign up form using flex box and vanilla js for validation

@mahmoud-w-elgendy

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Quantom 30

@Quantom223

Posted

wow, love it! but how did you make it centerd

0

@mahmoud-w-elgendy

Posted

@Quantom223, Hi there!

I usually use different methods for different cases. In this case I put all my elements inside a <main> element and then centered it using flex properties in body:

body {
display: flex;
justify-content: center; /*Centering content horizontally*/
align-items: center; /* Centering it vertically (but it won't work without setting the height)*/
height: 100vh;
}

Thanks and good luck! ☺️

0
Quantom 30

@Quantom223

Posted

Okay thanks@mahmoud-w-elgendy

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord