Design comparison
SolutionDesign
Solution retrospective
1.this is by far the toughest challenge i've done 2. I have issues with making the input tag borders gradient in color and also round in edges when focused on.
Community feedback
- @JacobMarshall0Posted about 2 years ago
Hi Usman, good work. You may have to use border-radius on the
input:focus
css identifier too to achieve the rounded edges when focused on.You can also use EventListeners on form inputs too, allowing you to show errors as the user enters data, instead of telling them when they click the Confirm button.
cnum.addEventListener("input", () => { *check if the form value is only digits here and use if statements to update errors* }
Marked as helpful1@awwsmanPosted about 2 years ago@JacobMarshall0 Thanks alot for your recommendations, i will definitely put it into practice
1
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