Newsletter sign-up form with success message solution
Design comparison
Community feedback
- @burningbeattlePosted 29 days ago
The code is well-structured and functional, with a clean HTML layout, responsive CSS, and effective JavaScript validation. Here are the key points of feedback:
HTML: Well-organized and semantic, but consider wrapping the input and button in a <form> tag for better accessibility and functionality (e.g., enabling the "Enter" key for submission).
CSS: The design is responsive and flexbox is used effectively. However, consider refining breakpoints for better responsiveness and improving validation feedback by using CSS pseudo-classes like :invalid.
JavaScript: The validation logic works, but adding real-time feedback as users type and using the form's submit event (instead of button click) would enhance the user experience. Additionally, reset the form state when dismissing the success message.
Overall, a few tweaks to accessibility, validation, and form behavior will improve the project. Great job!
Marked as helpful0
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