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

HTML, CSS and JS

KT 390

@KtGitIt

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


Greetings All,

Any feedback on anything will be appreciated..

In form, It checks for valid names. Numbers are not allowed. Checks for validation as soon as cursor is moved and displays error based on invalid or empty input.

Keep coding,

Best regards, KT

Community feedback

P
Fluffy Kas 7,735

@FluffyKas

Posted

Hiya, it looks really great on mobile and desktop. I'd perhaps set a max-width for the form for the sizes in between, as it stretches a lot (check around 900px). It also displays an error message for empty input even before I have a chance to type in anything. I suggest you change that to check on submission only. Or perhaps this is a personal preference only but I haven't seen this on live websites and it would annoy me a bit. ^^

1

KT 390

@KtGitIt

Posted

@FluffyKas Thank you for your feedback! I added max-width on mobile layout and removed that annoying onblur function. I had same thought about it and it felt little bit weird to me as well.

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