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

Newsletter Sign Up!

Jafar 30

@jsa2023

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


I really enjoyed this one. It was quite challenging. Any advice on the form submission, is the way I implemented it good, or is there a better way?

Community feedback

maicond 230

@maicondguerian

Posted

Hey! Well done on the solution! I like your job with form validation. I did something similar on my own. One thing you could do to improve is to show an error message if the input is empty instead of disabling the button. As you are showing a dynamic error only if the email matches the regex, you could also display a valid email message. Additionally, the responsiveness is not quite good; it seems like you only made it for iPhone devices, and it's not responsive for other resolutions. Take a look at my solution to get an idea of how to do it!

1

Jafar 30

@jsa2023

Posted

@maicondguerian thanks for the advice on how to improve the UI. About the reponsiveness, I just followed the style-guide which gives only two widths: 1440px and 375px so I assumed it has to be responsive only for these two widths?

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