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 JS error checking & modal success message

P

@ePaulo

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?

Mobile-first design with extra time spent trying to match all the interactive design notes.

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

Had to learn how to open and close dialog modals. Added code reset the form and modal after each useage.

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

I think I got fairly close to the design expectations... other than my decision to place the desktop modal visibly over the Newsletter, ie. instead of placing the modal over a dark-color background (visually by itself).

Community feedback

P
Christina 190

@codercreative

Posted

Hi Paul,

Christina here from Scrimba -- I am going through the JavaScript Path and your code came up for peer review on my path 😄

I love your take on the solution, especially how your JavaScript is short, to the point, and very readable.

Best, Christina

1

@caioalmeidacl

Posted

Keep going

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