Design comparison
Solution retrospective
I improve my Regular expression
What challenges did you encounter, and how did you overcome them?To make different Image for mobile and desktop I use picture tag and srcset attribute
What specific areas of your project would you like help with?Nothing for moment
Community feedback
- @chelsea-herePosted about 1 month ago
Hi there, I only noticed a couple of things. One is kind of big.. the solution does not appear to be responsive to screen size, specifically for smaller screens like mobile. The other smaller item was that the validation warning does not update once you've corrected your input. The validation warning was still apparent and I was able to submit and get the success modal. If you update your "keyup" listener to include validation and styling, rather than just your submit button it should resolve this. Example below:
email.addEventListener("keyup", function (e) { if (validateEmailRegex(e.target.value)) ) { input.classList.add("valid") } else { input.classList.add("invalid")} });
Other than that, looks good and your button transition is super fun. cheers!
0
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