Ibimina fix signup bug

[ibimina]

What type of PR is this? (check all applicable)

• [ ] Feature
• [ ] Refactor
• [x] Bug Fix
• [ ] Optimization
• [ ] Documentation Update
• [ ] Other (please specify here: )

Description of what this Pull Request does

• Fix element overflowing issue
• Align grid items to the center
• Reduce aside image size
• Made Signup page responsive

Related Tickets & Documents

• Closes #119
• Related Issues: (enter ticket numbers here)

QA Instructions, Screenshots, Recordings

(In this section, describe how to QA/review your PR. Feel free to use screenshots and/or short videos)

Added/updated tests?

• [ ] Yes
• [ ] Not Yet, and here is why: explain here
• [ ] I need help with tests
• [x] No, and here is why: explain here

[TaylorDJones11]

Thanks for helping here @ibimina. Quick question, far as the aside component, what screen size is this? I used the Figma file measurements and the screenshot of Irene's designs and the spacing looks off.

and where is this white space coming from in your screenshot? It looks like the entire design is no longer taking up the full page?

[ibimina]

Thanks for helping here @ibimina. Quick question, far as the aside component, what screen size is this? I used the Figma file measurements and the screenshot of Irene's designs and the spacing looks off.

The image in the avatar was 400 width and height, I reduced it to 300, 400px made the image too large on screen, I could increase the spacing between the image and the text if it looks to close. The text too are too big on screen would have to reduce it???

[TaylorDJones11]

Thanks for helping here @ibimina. Quick question, far as the aside component, what screen size is this? I used the Figma file measurements and the screenshot of Irene's designs and the spacing looks off.

The image in the avatar was 400 width and height, I reduced it to 300, 400px made the image too large on screen, I could increase the spacing between the image and the text if it looks to close

Yea, it looks to close here