[BUG] Fix responsiveness issue with clubs page heading

[Chirayu31]

Description

The current implementation of the clubs page heading in the project is not fully responsive, causing it to appear distorted and unattractive on certain screen sizes. This issue hampers the overall user experience and aesthetic appeal of the page.

Expected Behavior:

• The clubs page heading should adjust its size and layout dynamically based on the screen size.
• The heading should look visually appealing and maintain its legibility across various devices and resolutions.

Proposed Solution:
To resolve this issue, I suggest the following steps:

• Identify the CSS code responsible for styling the clubs page heading.
• Add appropriate CSS rules and media queries to make the heading responsive.
• Test the changes thoroughly across various screen sizes and devices to ensure consistent and visually pleasing rendering.
• Make any necessary adjustments to ensure the heading remains readable and visually appealing in all scenarios.

Screenshots

Browser 🥦

Google Chrome

Checklist ✅

• I checked and didn't find similar issue
• I have read the Contributing Guidelines
• I am willing to work on this issue (blank for no)

[github-actions]

Hello, @Chirayu31, thank you for opening an issue.

Soon the maintainers/owner will review it and provide you with feedback/suggestions.
If you think it's something urgent, feel free to reach out to Tamal on Twitter.


Give us a ⭐ to show some support
Happy OpenSource 🚀

[tamalCodes]

That sounds good, but we have purposely used the word-break: break-all property so that huge words like communities! do not messes up the responsiveness when we are in smaller devices, what changes do you suggest ?

[Chirayu31]

Introducing a media query to target devices where the heading breaks and decreasing the font size can be a simple solution to maintain responsiveness across all devices.

[tamalCodes]

Well i think we can give this a try ⚡

Please make sure that you have read our documentation on Commiting guidelines and Pull request guidelines, without proper format the PR might be closed.

[github-actions]

Hi @tamalCodes, We just made a new organization, and have sent you an invite. Welcome to the community 🎉

Don't forget after accepting to make it public so it appears on your GitHub profile for everyone else to see. You can do this by finding your name in the GitHub organisation list and change the dropdown to public https://github.com/orgs/MilanCommunity/people