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

Submitted

Responsive sign-up form built with React

@ananfito

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm currently working my way through the 'React Basics' course on Scrimba.com and I wanted to put into practice what I've been learning about React and forms.

I welcome any general feedback for best practices, however I did notice a strange 'glitch' when I was testing this solution. Whenever I input incorrectly formatted data into the form my error messages display correctly (which is great! that piece took some time), but in Firefox and Chrome the form changes it's width when this happens. I tried investigating why this happened and how to fix it, but couldn't figure it out. Any suggestions would be much appreciated. Thank you.

Community feedback

@ananfito

Posted

UPDATE: Thanks to feedback I received from Chamu in the the Discord community I was able to refactor the code to fix the form width issue I was having. Thanks for the help and support.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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