Submitted 10 months ago

Newsletter Signup with Success message

Julius Blezinger• 180

@JBlezi

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Newsletter sign-up form with success message

HTML
CSS
JS

2junior

View challenge

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

@rainSax

Posted 10 months 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

Julius Blezinger• 180

@JBlezi

Posted 10 months ago

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

Please log in to post a comment

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