Skip to content
Submitted about 1 year ago

Newsletter Signup with Success message

Julius Blezinger•180
@JBlezi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I created an extra file for the thank you page, not sure if there is a better way to use javascript and do it in a single page instead?

Community feedback

  • Navine•210
    @rainSaxPosted about 1 year ago

    Your solution looks great, only thing I would change would be maybe a little bit more padding around the Stay Updated section. Also, in my approach I just made the Thank You "page" an invisible div by using display: none. Then with javascript set it to display: block when the user submits a valid email, and display none on the stay updated div.

    Marked as helpful
    1
    Julius Blezinger•180
    @JBleziPosted about 1 year ago

    @rainSax Oh yeah using an invisible div makes a lot of sense why didn't I think of that. Thanks!

    0

Please log in to post a comment

Log in with GitHub

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