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 form with success message

S Mishra 230

@sthitaprajna-mishra

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


I am revising my frontend skills and this is the first project on Front-End Mentor that I have attempted. I have tried to recreate the design using barebone tools - HTML, CSS and JS.

Please let me know if I can improve on any areas. I think I could have been more smooth while ensuring the page's responsiveness. If anyone thinks the same, please feel free to write about it or any other demerit that you can see such that I can improve my front end skills.

Thank you.

Community feedback

@calebmcmains

Posted

First and foremost great job! Everything looks really clean and well thought out! Took a brief look at your code too and it looks clean.

As far as improvements go a few things I noticed. It's always the little details that can make the final product that much better.

  • the spacing on the right where the image is would look better if it matched the spacing on the top and bottom of the image
  • make everything just a little bit larger, particularly the font size. It looks like you took it all down to 0.8rem computed to 12.8px. This is pretty small, I'd move it all up to 16px or 1rem in your case. This will help with visibility and reduce eye strain
  • on both buttons I'd add a small 200ms or 300ms transition to give it more a natural feel when hovering over a button.
  • on the submission page, there is more white space on the right than there is on the left. Even those out and you'll be chilling.

Again great job! I think those changes will take it to another level of perfection! Have a great day!

Marked as helpful

1

S Mishra 230

@sthitaprajna-mishra

Posted

Thank you very much @calebmcmains ! I will surely take these points into account and improve upon my work. I really appreciate it.

1

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