Skip to content
Submitted over 3 years ago

Mobile First, SASS

SuzuMantan•370
@agusthas
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello 👋,

As for feedback:

  • Should i add transition in the error text? Since i use display none and changed it to block i was unable to add animation. The reason for that is that if i choose to hide it with opacity i ended up having a small gap since the element was still there and it messed up the spacing between the input 😓. Maybe there's an alternative to this?

Aside from that i need to learn more about handling inputs on JS.

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    The main thing I see is since you are doing your own EMAIL validation you need to change the email input to just a plain text input so the browser validation does not pop up at the same time your error state changes

    0

Please log in to post a comment

Log in with GitHub

Join 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