@joaovitorwitt
Posted
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 helpful