Design comparison
SolutionDesign
Community feedback
- @romila2003Posted about 2 years ago
Hi Mahdi,
Congratulations 🎉 for completing this challenge, it was a great attempt but there are some issues I want to address:
- For the button, you could give it the
cursor
property and give it a hover effect, in which the colour is provided in the style guide e.g.button { cursor: pointer; }
. - When the input field is clicked, you could add the purple border.
- Also, this project involves JS. The JS would cause the error image to appear within the input field, where a message would also show, if the user does not fill in the input fields. You could use the
if
andelse
statements for each one however that would cause you to write repetitive codes therefore an easier solution would be to use thefor
loop. If you are unsure of these concepts, you could research more about these and also view my solution for assistance.
Overall, great attempt and the responsiveness of the page is done accurately. I wish you the best for your future projects and keep coding 👍.
1 - For the button, you could give it the
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