Design comparison
Solution retrospective
I tried my best :) Let me know if any changes or improvements needed and I will try my best to improve :)
Community feedback
- @palgrammingPosted over 3 years ago
It looks really good this is not a easy challenges with the faint colored backgrounds. In the screenshot comparison you can see you left off a lineal gradient but I think it looks better without it but that is the main difference with your vs the finished
In terms of the Email Validation since you added in your own you can just make your email input a TYPE regular text input and that will get ride of the default browser validation cause you do not really want it to pop up at the same time your invalid message pops up
1 - @tedikoPosted over 3 years ago
Hello, Alif2001! 👋
Well done on this challenge! Here's a few things I'd suggest you to take a look at:
- I can submit your form even if my inputed email is incorrect. This is because you don't use
event.preventDefault()
method on yourForm
. This method tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be. - Change the
alt
attributes for the.logo
image, as it doesn't add any extra context for screen reader users. Since your image is decorative youralt
text should be provided empty (alt="") so that they can be ignored by assistive technologies.
Keep up the good work! 💪
0 - I can submit your form even if my inputed email is incorrect. This is because you don't use
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