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

Mobile First - Responsive - CSS Grid - SASS - JS

Anar 700

@anar-sol

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


Hello! Any suggestion or feedback will be appreciated, thank you!

Community feedback

P
Fluffy Kas 7,735

@FluffyKas

Posted

Hey, it looks great but perhaps you're missing a proper email validation? It did let me submit an incorrect email address.

Marked as helpful

0

Anar 700

@anar-sol

Posted

Hello @FluffyKas and thanks for your feedback. I am using the built-in email validation. Can you tell me, please, what incorrect email form it lets you enter?

0
P
Fluffy Kas 7,735

@FluffyKas

Posted

@anar-sol It accepts email@email, for example. Email input should be checked against a regex, perhaps this is missing? :)

Marked as helpful

0
Anar 700

@anar-sol

Posted

@FluffyKas You're right. As it is, the input element with a type="email" accepts values of the form "username@domain" or "[email protected]".

To accept only emails with the second form, we need to add a pattern attribute (with a regex) to the input element. I will add it in a future update.

Thank you =)

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