Skip to content
Submitted about 2 months ago

Newsletter Signup Form using JS and SASS/SCSS

accessibility, sass/scss
P
Van Tu•300
@imvan2
A solution to the Newsletter sign-up form with success message challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I'm most proud of my JS file and how much I understood what to do.

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

Just getting the styles correctly. I did my usual way of working with CSS, then I tried to scale down.

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

I would like help with making my SCSS files better? Are there any responsive shortcuts that I could have done instead of using media queries?

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • P
    Emmanuel Lopez•480
    @EmLopezDev

    Great job, looks very close to the design. The validation and submit work as well.

    Somethings that could improve:

    • The mobile view looks of, it doesn't take up the entire view height.
    • Although you have validation on the input you should add the required attribute on it just incase anything isn't working in the JS or doesn't load properly it will prevent the user from submitting it without anything.
    • A better user experience for the input is to remove the error state once the user begins typing again and not leave it in the error state.
    Marked as helpful

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