Skip to content
Submitted over 4 years ago

Form sign up

jackie18•10
@jackietrang
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

Hi everyone! The most difficult thing for me is adjusting margin and padding. I did them manually by pixels but I wondered what method you often used?

Also, the shadow under my form is not exactly like the model design and I'd love to get recommendations on that!

Community feedback

  • Fuzzy•60
    @DarthFarzadPosted over 4 years ago

    you can use a placeholder on the input instead of having onfocus events being triggered everytime

    1
    jackie18•10
    @jackietrangPosted over 4 years ago

    @DarthFarzad Thank you so much!

    0
  • Fuzzy•60
    @DarthFarzadPosted over 4 years ago

    Password fields should have a type of password and not text

    1
  • Kelvin•915
    @Kl3vaPosted over 4 years ago

    I think you just have to increase the direction of the shadow in the y-axis & also the blur... For margin and padding, always use rems.

    1
    jackie18•10
    @jackietrangPosted over 4 years ago

    @Xurd3 Thank you so much! I

    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