Responsive Newsletter Signup Page with Email Validation[HTML, CSS, JS]

What are you most proud of, and what would you do differently next time?

This is a re-upload of the solution I submitted a few days ago.

I have fixed the validation issue using the Validator npm package and now everything works as expected. This time, I used Vite to create the application and install all the necessary packages. It felt like a much better workflow compared to just writing HTML, CSS and JS inside an empty folder. This project is built using:

• HTML5
• CSS
• JS
• Vite
• Validator

What challenges did you encounter, and how did you overcome them?

Because of the library validation was not very hard to implement. But, the logic of toggling the container and the modal was a little confusing. I found it a little hard to decide between the usage of classList.add and classList.remove on clicking the button.

In the end, I figured it out.

What specific areas of your project would you like help with?

Any suggestions are welcome!