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

Desktop Responsive Form

@karthikjamadagni

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


Is this good. Is there anything else to do. Please give me your valuable opinion

Community feedback

@yaadevmohit

Posted

PascalCase is used for naming react components. Also, camelCase is used for naming variables and functions inside the components.

Marked as helpful

0

@yaadevmohit

Posted

This is really close to the expected desktop design but you didnt make it responsive and implement the mobile design (which i'm hoping you're still working on). Also container width and height for the form and plans in the second step should stay fixed for a better robust experience. Consider adding min-width and min-height in css these container sizes to remain fixed. Also follow proper naming conventions for components and styling files.

Marked as helpful

0

@karthikjamadagni

Posted

@yaadevmohit Thank you sir. I'm happy that you took time to assess the things that I have done. And yes, I'm working on the mobile design and will fix the container issues. Can you suggest me a standard practice which is used in the industry for naming of components?

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