[BUG] Overflowing screen on the mobile view

[vatsalsinghkv]

Has this bug been raised before?

• I have checked "open" AND "closed" issues and this is not a duplicate

Where did you find this bug?

Production

Description

I've noticed the web-app has some overflow issue in the mobile view which breaks the responsiveness of the app.

• Repositories names overflow.
• Rating component break the flow in the repository card.

Steps to Reproduce

1. Go to home page.
2. Open the mobile view.
3. Repositories names are overflowing, results in breaking navbar.

Screenshots

Overflow Issue

Rate component breaks the flow on mobile view

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

So I've got some of the following approaches:

1. I can simply put the overflowing repository title in the next line in the repository card like this (I personally recommend this):

2. I can terminate the overflowing string and show ... in the end of the repo name, and full repo name when you hover over it, like this:

[eddiejaoude]

Thank you for raising, I have assigned it to you

I think can you try the wrap and see how it looks

Other ideas:

• hide the logo

[adityaraute]

@vatsalsinghkv Any update on this issue?

[vatsalsinghkv]

@adityaraute uh sorry I just lost track of time, yea fixed the issue but forgot to pushed it.

[adityaraute]

@vatsalsinghkv Do link the PR after pushing the code

[github-actions]

Thank you all for contributing to RepoRater! Please take a moment to rate this repo's DX on EddieHub's RepoRater and give the repo a star ⭐