Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Newsletter-Sign-Up

Iamtrieves 110

@Iamtrieves

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • 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?

My knowledge in JS is slowly upping by the day.

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

Form validation.

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

JS

Community feedback

@jjdavenport

Posted

Layout looks identical to the design, the font-family is the fallback because there is no import query for Roboto. The HTML is easily readable and indented well. The JS functions as expected apart from a settimeout() function which I would recommend removing as its not standard practice to use it on forms and better to just let the user input their data. The mobile solution is pretty good just needs a background change with a media query. To improve the solution I would use justify-content with flexbox and remove most of the margin and padding to make your job easier.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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