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

Personal info Html, Css and React

Suxrob 110

@SuxrobOktamov

Desktop design screenshot for the Multi-step form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Community feedback

@Sidd5arth

Posted

great! solution I like that you implemented that languages selection there!

What I can suggest for now is to improve upon the UI, there is lot of room for improvement there, also try to make component yourself without using third party library, if you really want to learn front-end development otherwise you did great!

Marked as helpful

0

Suxrob 110

@SuxrobOktamov

Posted

Thank you bro for your advice

0

@elian-dev

Posted

Hi, your solution is fantastic! I like the input interactions and the internationalization feature is something very cool!

I have just these observations that could improve your solution:

  • Data validation: Validate the email input if is a valid email.
  • Design: In the select plan step maybe could be more like the required style.
  • Be careful with the typos, in the last step the correct text at the bottom would be "Confirm", also where using the word "Yearly"
  • In going back to personal info try to keep the data if not could be annoying for the users to have to fill in all data again.
  • Finally, if I reload the page I would have to back to the first step.

Good job! keep it up!

Marked as helpful

0

Suxrob 110

@SuxrobOktamov

Posted

@elian-dev Thank you bro for your advice

0

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