Intro Component with Sign-Up Form using Mobile-First Approach

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!