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

html, React.js, javaScript, css flex-box, vanila react code

Siddharth Kushwahaโ€ข 150

@Sidd5arth

Desktop design screenshot for the Multi-step form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


Probably the best Solution

Please GO through the user flow once!!! I have crafted a good user experience!

I didn't follow the style exactly; instead, I have improved upon it!!

YOU WILL LOVE IT!!

Community feedback

Sizwe Masheleโ€ข 170

@seezmashele

Posted

Hey Siddarth, great job on completing this complex challenge๐Ÿ˜ƒ

The way you've used animations really made the form exciting to fill out!

A few tips you can consider to make things easier for users:

  • Saving what users type or select when moving back and forward
  • Selecting an addon by clicking the whole card instead of the small checkbox
  • Allowing + in the phone number check

I hope this feedback can help you in future projects as well๐Ÿค“ Happy coding!

1

Siddharth Kushwahaโ€ข 150

@Sidd5arth

Posted

@seezmashele Hi, thanks for the suggestion! that's exactly what I was thinking before posting this solution, nevertheless I will make those changes. And yes I missed the + there

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