Bug: horizontal scrollbar in homepage

[toastmaster-Pritam]

Title: Homepage Horizontal Scrollbar and Content Overflow Issue

Description: Issue: The homepage of the project is experiencing a horizontal scrollbar, causing content overflow due to CSS inconsistencies or errors.

Details:

• Location: Homepage
• Symptoms:
  • Horizontal scrollbar visible on the homepage.
  • Content overflow beyond the viewport width.
• Expected Behavior:
  • The homepage should adjust its layout to fit within the viewport width without the need for horizontal scrolling.
• Steps to Reproduce:
  1. Visit the homepage of the project.
  2. Observe the presence of a horizontal scrollbar.
  3. Notice content overflowing beyond the viewport width.
• Additional Information:
  • This issue may affect user experience, especially on devices with smaller screens or limited horizontal space.
  • It could be related to improper CSS styling, such as fixed widths or margins exceeding the viewport size.
  • Providing responsive design or adjusting CSS properties could potentially resolve this issue.

Priority: Medium

Severity: High - Affects user experience and visual presentation.

Environment:

• Operating System: [e.g., Windows 10, macOS Big Sur]
• Browser: [e.g., Chrome, Firefox, Safari]
• Device: [e.g., Desktop, Laptop, Mobile]

Screenshots/Recordings:

Proposed Solution: Review and adjust CSS styles on the homepage to ensure proper layout and prevent horizontal scrolling and content overflow.

Note: This issue impacts the aesthetics and usability of the project's homepage, thus warranting attention and resolution. @Omkar-Sonawane-23 ,Kindly assign me this issue under Gssoc'24 so that I can start working on this

[Omkar-Sonawane-23]

@toastmaster-Pritam you can start working on this.

[IP80808080]

👋 Hello! I'd be happy to help with this issue. Could you please assign it to me? Additionally, could you please label it for the appropriate level? Thank you! 🚀