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

Community feedback

• 

  joaovitorwitt•250

  @joaovitorwittPosted about 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 helpful

  1