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

Intro with sign up form component (no flex/grid)

Lamar 495

@Everezze

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

Solution retrospective


Besides the fact that I forgot to adjust the error messages If you have any insight to improve the JS part let me know (there might be a more efficient way or whatever) or even the CSS part! It was a fun project anyways

Community feedback

@MaximilianoDanielGarcia

Posted

Hi Lamar, great job!

If you're wondering how to center it, you can use either Flex Box or CSS Grid.

  • Using Flex Box:
body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
  • Using CSS Grid:
body {
    display: grid;
    place-items: center;
    min-height: 100vh;
}

And if you want to adjust your background image to the screen size just add background-size: cover;

After you apply these suggestions it will look better.

1

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