Multi Step Form using NextJS

Hi! Nice solution.

I noticed some minor layout improvements you could make. On mobile, you can change the overflow:scroll; on your form. On some devices it can cause padding issues even if there is no scroll-bar. If you change it to overflow:auto; it will still show the scroll barrs when it needs to, but will not break the layout. The rounded corners on the bottom of the form are hidden on mobile. And the shadow of the card is not visible on desktop. If you remove the padding bottom from the form and move the box-shadow from your style_box` div to the form, it works nicely.

Hope this helps!

Happy coding!