Submitted almost 2 years ago
Intro Component with Sign-Up Form using Mobile-First Approach
@to-my-learning-path
Design comparison
SolutionDesign
Community feedback
- @joaovitorwittPosted almost 2 years ago
Hi Omar congratulations on completing this project, great stuff.
I also completed this one recently.
I would just recommend that you add an event to remove the errors after a few seconds.
You can easily do this with a "setTimeout" function.
I also suggest adding the error indication as a "background-image", that way you can properly align the icon on the middle of the input with the "background-position" property.
The code for this would look something like this:
input {
background-image: url(./images/icon-error.svg); background-repeat: no-repeat; background-position: bottom 8px right 1rem; border: 2px solid hsl(0, 100%, 74%);
}
Hope you find this useful.
keep up with the great work!
Marked as helpful1
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