BUG: overflow UI on mobile screen size

[palchhinparihar]

Is there an existing issue for this?

• I have searched the existing issues

What went down?

Hi, Palchhin here,

Description

There are two related layout issues:

1. Home Page:

• The UI looks fine and centered, but there is unnecessary vertical scrolling even though there isn’t much content on the screen.
• The page should be fixed to the viewport height without scroll.

2. Result Page (After Entering GitHub Username):

• After entering a GitHub username and viewing the result, the entire UI overflows vertically, causing the layout to go beyond the visible screen area (on mobile screen size).

---

Steps to Reproduce

1. Open the app on a mobile device or simulate a mobile viewport (e.g., 375×667) in dev tools.
2. On the home page, observe that everything looks centered, but you can scroll vertically.
3. Enter a valid GitHub username and press enter.
4. On the result page, notice that the layout overflows vertically and doesn’t fit within the screen.

---

Expected Behavior

• Home Page: Should be fully visible without any vertical scroll.
• Result Page: The UI should fit within the screen without overflowing.

---

Screenshots

Will start working on this once I get the issue approved.

Thank you.

Record

• I agree to follow this project's Code of Conduct
• I'm a WOC registered Contributor
• I want to work on this issue

[vansh-codes]

go ahead 🚀

[vansh-codes]

Assigned level 1 for now, will raise it to 2 basted on the efforts, PR & code quality

[palchhinparihar]

Sure sure! @vansh-codes
Also add the wocs label here too. :)

[github-actions]

Hello @palchhinparihar! Your issue #137 has been successfully closed. ✅ Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀