Mobile Layout

[NFTthat]

Describe the bug
The mobile screen in different media breakpoints overlaps, mostly lacking paddings or some form or margin for great view to improve user interface & user experience

To Reproduce
Steps to reproduce the behavior:

1. Go to impactreef.app on mobile
2. Click on any project on the list of projects, in my case, i clicked on nim-libp2p
3. Right there you should notice the layout overlap and same when you scroll down as well
4. See error

Expected behavior
The layout should consistently show visually appealing UI to help improve user usability.

Screenshots

Desktop (please complete the following information):

• OS: MacOS in inspect element mode
• Browser [e.g. chrome, brave]

Smartphone (please complete the following information):

• Device: [e.g. iPhone12pro]
• OS: [e.g. iOS 18.0]
• Browser [e.g. chrome, safari, brave]

Additional context
I noticed the initial UI design was without mobile screens, so fundamentally, it could be difficult to get accurate mobile styling. The bug is mainly just improving visuals to better the user experience, as most of the responsiveness is working fine.