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 component with sign-up form

Marta 630

@martam90

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


Hi, I would appreciate any feedback from you.

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, Marta! 👋

Nice to see you complete yet another challenge, again! 😀 Great job on this one! Your solution looks good and the form validation works well. 👏

I suggest,

  • Allowing the background of the page to fill up the entire area of the screen at all screen sizes so that there is no blank space to the sides of the design on extra-large screens. Horizontally centering the content of the page so that it remains in the middle even on larger screens (and on smaller screens just after the layout changes from desktop to mobile) would be a good idea, too.
  • If you're up for it, removing the error message once a user enters valid input (rather than after the user submits the form again) would be a nice touch for the UX. 😉

As always, keep coding (and happy coding, too)! 😁

2
Web Frog 1,840

@MasterDev333

Posted

Great work @Marta. I have some suggestions.

  1. Add margin: auto to the wrapper to align it center of the screen.
  2. Add some transitions for buttons would be better
  3. Usually terms and services should be a link. Other than above issues, it's perfect. Hope it helps. Happy coding~ :)
1

@shahnawazImam

Posted

It looks pretty attractive. I suggest you , you could be use HOVER also. It gives your webpage quite attractive.

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