Design comparison
Solution retrospective
We are proud of how well we implemented responsive design, ensuring the newsletter sign-up form looks great on both desktop and mobile devices. The layout adapts to different screen sizes without sacrificing usability, and the hover and focus states give the form an interactive feel. The JavaScript form validation is also a success, with clear error messages for invalid emails, enhancing user experience.
What challenges did you encounter, and how did you overcome them?One key challenge was ensuring that the form worked seamlessly on different screen sizes while maintaining its design integrity. We overcame this by carefully setting up media queries and testing extensively on various devices to ensure consistent behavior across mobile and desktop.
What specific areas of your project would you like help with?Would appreciate feedback on optimizing the JavaScript code used for form validation. Specifically, any suggestions for simplifying the validation logic or improving error handling would be helpful. Additionally, advice on improving the accessibility of the form, especially regarding the handling of error messages for screen readers, would be valuable.
Community feedback
- @EfthymiosKPosted about 1 month ago
hi! The success card in mobile is not responsive,other than that you did an excellent job! Well done!
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