Fix Community Page Responsiveness and Enhance Design

[rajveeerr]

This pull request addresses the issues outlined in the community page, making the site fully responsive and professional across all devices. The following changes have been implemented:

1. Replaced Display Grid with Flexbox:

   • Changed the layout structure to use flexbox instead of the grid system for better control and responsiveness.
   • Added flex-wrap to allow items to wrap correctly on smaller screens.

2. Fixed Heading Size:

   • Updated the heading units from vh to rem and added responsive scaling to adjust the size based on the device, ensuring the heading looks appropriate on all screens.

3. Enhanced Mobile View:

   • Adjusted the flex properties and other CSS rules to make the page responsive for mobile devices.
   • Ensured that all elements scale properly and align without breaking the layout on smaller screens.

4. Professional Styling:

   • Refined the styling for a more polished and professional look, ensuring that elements like buttons, text, and images adapt gracefully to different screen sizes.

Testing:

• The page has been tested on various devices (desktop, tablet, and mobile) and different browsers to ensure that the layout and design are fully responsive and visually consistent.

Screenshots:

Closing Issues:
This pull request resolves the issues related to the community page responsiveness and design:

• Fixes [style]: [BUG] - Community Page Responsiveness and Display Grid Issues #1174

[vercel]

@rajveeerr is attempting to deploy a commit to the Suraj Pratap's projects Team on Vercel.

A member of the Team first needs to authorize it.

[SurajPratap10]

LGTM