frontend, react: Progress Bar gets funky at smaller screen sizes[#4]

[vwong031]

[py1u]

I've tested the responsiveness for all pages. suggestions:

• Account Type(1) make a breakline where one box is stacks on top of the other when reaching mobile device range
• Other steps should be simple to adjust to a mobile friendly form
• have one progress node at a time per page:
• heres a initial idea(NOT finalized) to get some inspiration
  • keep the thread open until we close the issue.

[py1u]

I've reviewed your most recent changes. suggestions-2:

• add spacing to the left margins for text box inputs

-add a div container to the signIn.js and create a form box around it. -background color:#D9D2FF

• rounding: try rounded-md or rounded-lg
• glass morphism design to form: try this sample code: className="h-full w-full bg-purple-200 rounded-md bg-clip-padding backdrop-filter backdrop-blur-lg bg-opacity-10 border border-gray-100"