Buttons Overlapping and Misaligned on Home Page for Mobile View

[nirmitsaini1024]

Describe the bug
The buttons on the home page ("Join the Movement" and "Explore Events") are slightly overlapping and not properly centered within the div. This misalignment occurs when viewed on a Moto G14 mobile device.

To Reproduce
Steps to reproduce the behavior:

1. Go to the Home page of the website.
2. Scroll down to the section with the "Join the Movement" and "Explore Events" buttons.
3. Observe that the buttons are overlapping slightly and not centered within the div.

Expected behavior
The two buttons should be properly centered within the div, with no overlap between them. Both should be fully visible and aligned as intended for better user experience on mobile devices.

Screenshots
Screenshot attached to illustrate the button overlap issue.

Smartphone:

• Device: Moto G14
• OS: Android 13
• Browser: Brave

Additional context
The issue seems to be related to the responsive design for mobile devices, specifically on the Moto G14. Adjusting the button container or using media queries to optimize the layout might resolve the problem.

[nirmitsaini1024]

Hey @pawarspeaks @thepratappawar Please assign this issue to me, i fixed it in Localhost. DESKTOP VERSION: MOBILE VERSION FIXED:

[anshulsoni2010]

Done at #51