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

Multi Step Form made with Vanilla JavaScript

@paldong-creater

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


Hi Developer, It took very long time for me to complete this project, the main reason for this is when I find something hard I took lots of long break and try avoiding it. Finally I am very happy to finished this project because I make sure at any cost I will complete it. I find this project very difficult at many point and there may be lots of code, logic and implementation issues. I am open to any kind of suggestion.

Thanks,

Community feedback

@yaadevmohit

Posted

Congratulations on finishing the project. Desktop design looks really solid and one of best I've seen so far. I'd like to add some suggestions and point out issues with your code and design(even the obvious ones) :

  1. Footer needs to stick at bottom on mobile screen.
  2. Consider using appropriate html tag (span) for "2 months free" as they are not actually a heading/subheading.
  3. Follow consistent naming conventions for css classes. You're using hyphens and camelCasing and somewhere a mix of both. Although its not a big of a deal and I understand you're probably using camelCase for query selector elements, try to stick with one convention.

Otherwise your project looks really good and organized. Also, I struggle with the same issue of long breaks and procrastination with difficult tasks and I find not thinking too far ahead. Proper planning needs to be done from design perspective and always try to break it down into smaller manageable tasks to avoid burnouts and getting overwhelmed.

Marked as helpful

0

@paldong-creater

Posted

Thanks Mohit, I have rework on mobile design and achived better responsive screen. I will keep your feedback for using approprate html tag & consistent naming convention. (I got such feedback for the first time) Yes, I try to plan as much as before hand. But there are so many things in this design problem that everything broke down at end.(which means i failed in design & lack of experience play big part in it.). My approch is always do easy problem first and break down bigger problem into small and tackle one by one. But its always easier said than done. Thanks a lot for your time and giving me feedback.It helps a lot and motivated me to rework on responsive mobile design .@yaadevmohit

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