Skip to content
Submitted 27 days ago

Multi Step Form

accessibility, react, typescript, vite
Asilcan Toper•2,960
@KapteynUniverse
A solution to the Multi-step form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What specific areas of your project would you like help with?

Any feedback is appreciated. I changed some colors—except for the disabled toggle text color—because they had poor contrast ratios. I suspect the step texts also have poor contrast, but I didn’t touch them since I couldn’t confirm the issue using the developer tools.

Code

Please log in to post a comment

Log in

Community feedback

  • 0xg3nius•280
    @dev0xgenius

    Hey man, great attempt.

    Areas to improve (my opinion):

    • Code structure, try keeping different files for the styles e.g a reset.css for resets, base.css for core styles(which should import the resets) and then a components.css for resuable components styles. Easy to scale, maintain and allows for easy resusability.
    • Spacing is very inconsistent. Huge difference from the actual design :-(

    I fancy the css code, it's beautiful. :-) Within the file it's well organized and shows you know a lot.

    Marked as helpful

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