Newsletter sign-up form with success message
Design comparison
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
- @calebmcmainsPosted about 1 year ago
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 helpful1@sthitaprajna-mishraPosted about 1 year agoThank 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 GitHubJoin 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