multistep-form with reactjs + typescript

Hey!

You've made a good job already!

With just small adjustements, you can get closer to the design I think (and improve your skills :D):

• The validation for the 1st form is working well except for the phone number. The placeholder is "+1 234 567 890" but if I write that as my phone number, the validation give me an error. -On mobile, try "background-size: cover" for .bg-sidebar otherwise the background picture is too small for larger mobile screen (above 374px wide) ;-)

Reagarding accessibility:

• When I hover the steps, I have an indication that I can click it that shouldn't be there. You could remove/replace the button.numbered tags.
• The switch (Monthly/Yearly) is difficult to click! The clickable area should be, at least, on div.slider (you could find inspiration here https://www.w3schools.com/howto/howto_css_switch.asp for example or search for "HTML switch" on google)
• The div.add-on should be clickable as div.subscription.select I think.

I hope it will help you!

PS: You forgot a "console.log" somewhere inside your code ;-)