📃 [Issue] : Improve Mobile Responsiveness of Contact Us Section

[Rahul-AkaVector]

Issue Title: Improve Mobile Responsiveness of Contact Us Section

Description:
The "Contact Us" section of the website is not optimized for mobile devices. When viewed on smaller screens, elements within this section overlap or are misaligned, affecting user experience. I would like to propose enhancements to make this section fully responsive, ensuring that it scales properly across all device sizes.

Current Behavior:

• The layout breaks on small screens (below 768px width).
• Form fields and text appear too large or get cut off.
• Button alignment is inconsistent on mobile.
• Content overflows the viewport, requiring horizontal scrolling.

Proposed Solution:

• Use responsive design techniques (such as media queries and flexible layouts) to ensure proper scaling.
• Adjust font sizes, paddings, and margins for mobile devices.
• Ensure that all form fields are visible and properly aligned on small screens.
• Test the responsiveness across various screen sizes to ensure a consistent experience.

Additional Context:
I plan to use Tailwind CSS for styling improvements to ensure a modern and responsive layout.

Screenshots :

Labels: Contributo, GSSOC, Hacktoberfest

[Skc-VitInProjects]

Hey @Rahul-AkaVector , Can you please assign this task to me under Hacktoberfest tag . I would love to work on this.

[github-actions]

This PR has been marked as stale due to 7 days of inactivity.

[github-actions]

Closing this PR due to prolonged inactivity. Please reopen if necessary.