Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Oscar Vaquera• 270

    @vaqueraoscar0

    Posted

    Great Job! The animation you added gave it a nice touch. I don't really see anything wrong with it, the only thing that i see that could have been improve was the input error message handler, but thats just preference, overall good job!

    0
  • Oscar Vaquera• 270

    @vaqueraoscar0

    Posted

    Nice! i haven't done this one yet but looks kind of fun. Your solution look amazing, one thing that i did notice is that your input (input-box) is a bit off and inside of your placeholder you added a big space to indent the text. What you could have done there is to add a padding, your solution currently has this:

    HTML:

    <input class="input-box" type="text" placeholder=" [email protected]" autocapitalize="none">

    CSS:

    .input-box {

    margin-top: -10px;

    margin-bottom: 10px;

    opacity: 0.8; }

    A Solution:

    HTML:

    placeholder=" [email protected]" <--- remove the space

    CSS:

    .input-box {

    margin-top: -10px;

    margin-bottom: 10px;

    opacity: 0.8;

    padding-left: 15px; <------------------- add a padding

    }

    Other than that great job! Hope this helps.

    Marked as helpful

    0