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

dhinesh Aβ€’ 240

@dhinesh20022806

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


hey, if you're see this, I'm in noob level.So what the one thing that make me better in the web development.

Community feedback

@Watership6

Posted

Hey @dhinesh20022806πŸ§‘β€πŸ’», Good job on this solution. βœ… Here are a few edits I think you could implement into your code to improve itπŸͺ„:

  1. Add aria labels to your html to make it more accessible and improve your code quality.
  2. For your regex, I would suggest you include other email types such as outlook, making your validation more effective. πŸ€–
  3. Take the <br/> tags that are no needed out and consider using css styling to break element apart instead such as using flexbox to put the button element below the input element instead of the <br/> tag. ⭐

Overall, your solution is really good, and I can't wait to see more of your work and improvement as you finish and code up more solutions! 😁

Keep Coding, WatershipπŸ’§πŸŒŠ

Marked as helpful

0

dhinesh Aβ€’ 240

@dhinesh20022806

Posted

Hey @Hyoaku 🌊

Thanks a bunch for your valuable feedback and suggestions! πŸ™Œ I really appreciate your insights and the time you took to review my code. I'll definitely work on implementing the changes you've recommended to enhance the accessibility, email validation, and overall code structure. Adding aria labels, expanding the email validation regex, and using CSS styling with flexbox are fantastic ideas that will undoubtedly improve the quality and functionality of the solution.

Your encouragement means a lot to me, and I'm super excited to continue refining my skills and producing even better solutions in the future. Thanks once again for your support and guidance! πŸš€ Keep Coding and making waves, Watership! πŸ’§πŸŒŠ

Cheers, Dhinesh πŸ§‘β€πŸ’»

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