fix: resolve mobile overflow and content clipping issues

[akshatsinghai6682-sketch]

Description

Fixes #61

Resolved severe mobile responsiveness issues causing horizontal overflow and content clipping across multiple devices.

Changes Made

• Added responsive flex wrapping for use-case cards
• Improved mobile spacing and padding
• Added media queries for smaller screen sizes
• Fixed layout stacking on mobile/tablet devices
• Reduced content clipping issues
• Improved responsiveness for iPhone and iPad resolutions

Screenshots

Tested Devices

• iPhone 12 Pro
• iPad Mini
• Samsung Galaxy S8+

Improvements

• No major horizontal overflow
• Better content alignment
• Responsive stacked layout for smaller screens

Checklist

• I have linked the relevant issue above.
• I have tested my changes locally.
• My code follows the project's style guidelines.

[vercel]

Someone is attempting to deploy a commit to the Mayo's projects Team on Vercel.

A member of the Team first needs to authorize it.

[akshatsinghai6682-sketch]

@mayo-byte07 Just following up on this PR regarding the mobile overflow and content clipping fixes. I tested the layout on multiple screen sizes and improved the responsive behavior to reduce overflow issues and improve content alignment on smaller devices. Please review it whenever you get time and let me know if any further adjustments are needed.