[BUG]:Improve Feedback Page Layout and Alignment for Better User Experience

[bhavishyaverma450]

Description

The Feedback page layout appears misaligned and lacks proper spacing, making the form look disconnected from the rest of the website. The feedback form currently stretches across a large portion of the screen, resulting in poor visual hierarchy and an unbalanced user interface.

The page would benefit from improved alignment, container sizing, spacing, and responsiveness to provide a cleaner and more professional feedback submission experience.

To Reproduce

1. Navigate to the Feedback page.
2. Observe the placement of the form elements.
3. Notice the excessive width of the textarea and dropdown.
4. Observe that the form is not properly centered or contained within a structured layout.
5. Compare the page with other forms on the website.

Expected Behavior

The Feedback page should:

• Have a properly centered and responsive form container.
• Maintain consistent spacing between labels, inputs, and buttons.
• Use an appropriate maximum width for form elements.
• Improve visual hierarchy and readability.
• Align form fields consistently across different screen sizes.
• Match the overall design language of the application.

Screenshots (if applicable)

Checklist

• I am a GSSOC'26 contributor

Additional Context

Suggested improvements:

• Wrap the feedback form inside a responsive card/container.
• Center the form horizontally on the page.
• Reduce excessive field widths.
• Improve padding and margins between elements.
• Add better typography and section spacing.
• Ensure mobile and tablet responsiveness.
• Improve the positioning of the Submit Feedback button.

These changes will make the Feedback page more visually appealing, user-friendly, and consistent with the rest of the website.

[bhavishyaverma450]

Hey @vijaypatil477 i want to work on this issue, assign me this.

[Prathamesh1734]

/assign

[github-actions]

Hi @Prathamesh1734, this issue has been successfully assigned to you! 🎉

Make sure to read our Contributing Guidelines and submit your PR within the GSSoC timeframe. Happy coding! 🚀

[bhavishyaverma450]

/assign

[github-actions]

Hi @bhavishyaverma450, this issue is already assigned to @Prathamesh1734. Please look for other unassigned issues to contribute to! Thank you.

[bhavishyaverma450]

Hi maintainers,

I would like to clarify that I am the original reporter of this issue. I created the issue but forgot to comment immediately for assignment. Before I could do so, the GitHub Action assigned it to another contributor based on their comment.

Could you please let me know if the issue can be reassigned to the original reporter? I have already analyzed the issue and am interested in working on it.

Thank you for your consideration.

[Prathamesh1734]

hello @bhavishyaverma450 I noticed this issue has already been resolved. I'll unassign myself and look for another issue. Thanks!

[Prathamesh1734]

/unassign