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

Responsive layout using TailwindCSS

@ElHuzain

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


Hey! This by far my best Front End Mentor challenge Tools & Techniques I used

  • React.js framework
  • Redux state management to update stepper state
  • TailwindCSS for the responsive design
  • React-hook-forms for form validation

Let me know what you think ^^

Community feedback

@Ritika-Agrawal811

Posted

Amazing work

I noticed that the heading "Personal info" and the subtitle below it "Please provide your name, email address, and phone number." remain same for all sections. You might want to fix that.

1

@ElHuzain

Posted

@Ritika-Agrawal811 You're right, didn't pay much attention to that one. Thanks!

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