Multi-step form solution

Hi, Gideon. This is an awesome solution.

However, a few suggestions:

For the number field in step 1, for accessibility reasons, input type='tel' would have been perfect. As it is now, when I click on the down arrow button, I can reduce down to -100. That's kinda like not nice.

Also, the buttons are not quite responsive on mobiles.

For the step three bug issue, you could use a :focus-within pseudo class for the parent containers.

I love the solution. The animations and all!

Hey!

Overall it's quite good!

As Peter said, there is a bug in Step 3. And I will add an other problem with your form validation (Step 1):

• the 'name' field is good!
• the 'email' field is valid even if I write something without '@' into it.
• the 'phone' field: the placeholder is '+1 234 567 890' but I can't write that into the field since it have the type 'number'

For those 2 problems, you could use an input:text and make the validation with RegEx for example!

I hope it will be usefull !

Have a good day :-)

Nice work Gideon!

• Check the STEP 3, there's a bug when I click on the check/checked