Mobile First Intro SignUp Form (HTML, CSS Vanilla JS)

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hello, Galdino! 👋

  Great work on this challenge! 👏 I really like the animated background you added! It makes things very fun! 🤩

  I suggest,

  • Making sure that all of the content of the page can be seen in the mobile layout of the site (the top of the heading seems to be cut off on my screen, for some reason).
  • Getting rid of the horizontal scroll bar that appears along the bottom of the page after the submit button is clicked and the error messages are shown.
  • Making the input elements as big as their container so the outlines of the input elements don't appear inside the container (which looks a little strange) but around the border of the inputs instead.

  Hope those tips help. 🙂

  Keep coding (and happy coding, too)! 😁

  1

  ---

  

  Galdino•215

  @GaldinoMatPosted over 3 years ago

  @ApplePieGiraffe thanks for the tips! They helped me a lot. The only thing that I can't reproduce is the horizontal bar behaviour. Can you explain it a little bit more?

  1

  

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  @GaldinoMat

  Hey, Galdino! 👋

  Sorry for the late reply! 😅

  I'm not entirely sure what's causing the horizontal scroll bar—it seems to appear when I hit the submit button or decrease the width of the screen. Adding overflow-x: hidden to the body seems to fix it, though, so you can try doing that. 🙂

  1

  

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  @GaldinoMat

  BTW, the other changes you added make the site look better, now. Good work! 👍

  1