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 login form using React and Sass

Melwyn 250

@melwynt

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


Here's my first submission with React to handle all the input errors on the form.

Feel free to visit the live link to check the form. Just to confirm, the form won't save your data ;-)

Community feedback

Rio Cantre 9,690

@RioCantre

Posted

Hello there! Nice work with this one. Looking at your solution, I would suggest the following for you...

  • Add media queries with your project. With max-width:1106px as the starting breakpoints. Always include the responsive design for the project.

Overall you did well in implementing React with this project and Keep it going!

Marked as helpful

2

Melwyn 250

@melwynt

Posted

Hi @RioCantre ! Thanks for the feedback :-)

Is there a specific reason why we should use max-width:1106px as the starting breakpoints? Or is it based on users' viewing habits?

Thanks for your comment as well on React. I noticed that people are a bit disturbed by the fact that when they submit the form, there's nothing happening. So I'll add a small confirmation message to ease users' expectations :-)

edit: regarding the 1106px breakpoint, I understand now. I've just resized the size of the viewport to 1106px and can see what's wrong. Thanks again for this suggestion!

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