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 form with success message

@Elwyn17

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


What are you most proud of, and what would you do differently next time?

I am proud that I was able to complete this challenge. This challenge required more minute work and attention to detail.

What challenges did you encounter, and how did you overcome them?

This challenge was full of challenges:

  1. Making interactive events using JS
  2. Took much time to figure out how to display error when there is an error in the form input
  3. Changing the outline colour of the input area when there is an error
  4. Displaying different images for different screen sizes

To overcome them I googled and used chatgpt, w3cschool and MDN Docs to get an idea of the solution, practised it separately, and then implemented it on the main challenge.

What specific areas of your project would you like help with?

I would like to know how you implemented the form validation.

Community feedback

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