Submitted 3 months ago

Newsletter Signup Form with Success Message

Kamran Kiani• 600

@kaamiik

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?

Practice more and more with form validation on JS.
Practice with Sass and cube-css

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

Make a good structure on html, scss folder and also write a good JS code was challenging.

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

I need help to know can I improve my code on js ,css and html parts.

Community feedback

Sarah• 540

@AutumnsCode

Posted 3 months ago

Well done for completing this challenge.

I liked your solution a lot. In regards to your HTML, I would have use a section-element after the main element. And I don't believe it is neccessary to have two html file, but honestly I am not sure if I am correct here or not. But since you used two html file, it cursed a little overlap between it when clicking the submit button. It ruins a little bit the experience of it.

Kamran Kiani• 600

@kaamiik

Posted 3 months ago

Hi. Thanks for your feedback. Yes You are true. I see other solutions too and It's better to build this only in one html file.

To be honest, when I was doing this challenge, my mind was focused on creating this page with two HTML files and I didn’t think about this issue. I will definitely solve this problem in the future.

@AutumnsCode

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