Bug: Support Buttons Not Responsive on Mobile

[Krishprajapati15]

Description:
On the mobile view of the profile generator site, the "Buy me a coffee" and "Ko-fi" support buttons are not properly aligned or fully visible. They either overflow or appear misaligned, making the UI broken on smaller screens.

Steps to Reproduce:

1. Visit the website on a mobile device or use browser developer tools to simulate a mobile view.
2. Scroll to the Support section.
3. Observe how the Buy Me a Coffee buttons are not responsive or arranged properly.

Expected Behavior:

• The support buttons should be responsive and stack or align neatly within the mobile viewport.
• The UI should maintain readability and functionality across screen sizes.

Actual Behavior:

• Buttons appear squished or misaligned on smaller screen widths.

Environment:

• Device: Mobile (tested on Chrome and Safari)
• Screen Width: ~375px

Suggestion:
Consider updating the layout using:

• CSS Flexbox with flex-wrap
• Media queries for smaller screens (@media screen and (max-width: 600px))

Thank you for the great tool! I hope this issue helps improve the user experience on mobile devices.