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 Multi-step form using HTML, SCSS ,Tailwind CSS & Vanilla JS

#sass/scss#tailwind-css#gulp

@Nnadivictory25

Desktop design screenshot for the Multi-step form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Community feedback

@catherineisonline

Posted

Hello 🙌🏻 Your solution looks great however here are a couple of things you can improve which I hope will be helpful! 😎

To implement a form that is more high-level, I recommend using even better form validations. For example:

  1. Set the validation for the name input with class="nameInput” so the user cannot submit numbers
  2. Set validation for the email input with id=“email” so it doesn’t start with the dot
  3. Set length validation for the phone number with id=“phone”, so the user cannot submit 1 numbered phone

Marked as helpful

1

@Nnadivictory25

Posted

@catherineisonline Wow , I appreciate your feedback will work on it now .

0

@Nnadivictory25

Posted

@catherineisonline I have worked on it ! I even updated the phone validation to include '+' and all the above things u mentioned too has been implement Once again I appreciate your feedback so much

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