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

Responsive newsletter & form validation page

@Datom969

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


At first, I had issues with the form validation in JavaScript but I was able to get it quickly. Good experience overall!

Community feedback

RaidEyes 390

@RaidEyes

Posted

Hi, I've just checked your design and it seems something is wrong in your code, you should take a look at your code again. Some issues I found:

  1. The design is taking the whole screen, which is very different from the original design and it's not normal when a registration form is big like that. The success form is also getting the same problem.
  2. When using the <form> element in HTML, you should give it a name, e.g name: subcribe-form or an id to prevent any bug later on. In the form you need to use the <label> tag because this is for screen readers

Overall, good job with the Javascript. Happy coding!

Marked as helpful

1

@Datom969

Posted

@RaidEyes thank you very much for the feedback, I"ll look into that.

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