Newsletter signup with form validation using vanilla JavaScript
Design comparison
Solution retrospective
Hey all. Here is my solution for "Newsletter Signup" challenge:
Scored 95% for mobile and 99% for desktop on Google Pagespeed Insights! ๐
Solution with 100% W3C validation accuracy ๐
There is an email validation. When you click on the dismiss button get back to the signup page and the input field is cleaned.
๐ ๏ธ Built with:
HTML โจ CSS ๐จ JavaScript ๐งพ
Used BEM naming style for CSS. Fully responsive design crafted with a mobile-first approach ๐ฒ
What challenges did you encounter, and how did you overcome them?Css is still a struggle for me ๐คฏ and work with javascript is a joy ๐ฅ Anyway it's getting smoother.
What specific areas of your project would you like help with?Any feedback would be appreciated. I got a weird situation and can't understand it. Though the added active class included display:"flex", it was crossed in browser (not working). I had to toggle directly from js flex and non for display. So maybe anyone knows what could be the reason that display stayed in none mode, even tho active class was added
Community feedback
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