Submitted 3 months ago

Newsletter Sign up with success message using HTML5, CSS and JS.

leodev• 250

@hangtime319

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

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

This project was a great challenge, as I'm new to JS and wanted to improve my knowledge of the language. I wouldn't do anything differently, as I did a lot of research to complete the challenge.

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

The challenge was to validate the email in JS. I searched several forums and the mozilla documentation.

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

I would like to see other solutions in JavaScript.

Community feedback

Wendy• 1,890

@wendyhamel

Posted about 14 hours ago

Hi great job on tackling this challenge.

Your code is clean and readable and the desktop and mobile layouts look good.

Only thing I want to point out is the in between screen sizes. You may want to take another look at those, because they break or look a little off. The success message gets squished and the full card does not look great with the image not the full height of the card.

Happy Coding!

Marked as helpful

leodev• 250

@hangtime319

Posted about 13 hours ago

@wendyhamel thanks for the comment. I'll look into this intermediate design and correct it.

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