Skip to content
OverviewSolutions
12
Comments
2
Oscar Vaquera
@vaqueraoscar0

All comments

  • Oscar Vaquera•270
    @vaqueraoscar0Posted over 1 year ago

    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
    @vaqueraoscar0Posted over 1 year ago

    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