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 signup with form validation

@Jakub-Gryczka

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


Hi,

I made this project for fun, the most difficult part was positioning modal window after submitting form. It was a nightmare, because when it was working on desktop it wasn't working on mobile and vice versa. I would like to get some code review, becase I think my CSS especially isn't very clean. I would like to improve it :D. Also I am not sure about the JS, precisely in throwError() and reset(), I feel like I could use the toggle() method and it would work, but it wasn't so I left it like this. I think like I overcomplicated all the positioning stuff. I would like to get some advice about this positioning if it was necessary or not :D.

Thanks for responses!

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