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

React.js with Next.js using css modules

@yahia997

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


I most challenging thing in this project is to change and collect prices according to plan and monthly or yearly.

I think that my code needs to be more clean.

Can you me some tips to enhance my code and clean it, or to make it more reusable?.

Community feedback

@yaadevmohit

Posted

Congratulations on completing the challenge. Here are few things to consider for design and your code:

  1. Consider making border thin for inputs in step 1.
  2. You're doing validation for inputs in step 1 but not preventing to move to the next step.
  3. consider adding min height for options containers in step 2 so the height is not abruptly changing with those 2 months free p tags.

The design looks really solid otherwise and you did a great job. I'll take a look at your code later if I get time and post more feedback. Happy Coding!

Marked as helpful

0

@yahia997

Posted

Thank you Mohit yadav for your feedback, I will work to fix these issues.@yaadevmohit

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