Skip to content
Submitted almost 3 years ago

Responsive login form using React and Sass

Melwyn•250
@melwynt
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

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
    @RioCantrePosted almost 3 years ago

    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
    @melwyntPosted almost 3 years ago

    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

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