[BUG] Overflowing screen on the mobile view

[vatsalsinghkv]

Has this bug been raised before?

• [X] 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: