Multi Step Form using NextJS

Community feedback

• 

  Wendy•2,010

  @wendyhamelPosted almost 2 years ago

  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!

  0

  ---

  

  P

  HanSeong Lee•1,610

  @HanSeongLeePosted almost 2 years ago

  @wendyhamel

  I fixed them. Thank you for your help!

  0

  

  Wendy•2,010

  @wendyhamelPosted almost 2 years ago

  @HanSeongLee Very good! Nice job! I like it! Although I still see the overflow:scroll setting, but the corners and shadows show nicely now.

  0