DOC:UI layout and responsiveness issues on documentation homepage

[anve-sha]

What's wrong with the existing documentation

Description

The documentation homepage currently has several UI/UX issues that affect readability and overall user experience, especially on different screen sizes.

Issues Observed

• Main content is not properly centered, leaving excessive empty space on one side
• The project logo is very large and visually dominates the page
• Text content spans too wide, reducing readability
• Layout does not feel responsive across different screen sizes
• Sidebar and content area lack visual balance

Expected Behavior

• Centered and balanced layout
• Appropriately sized logo that complements the content
• Improved text readability with controlled line width
• Responsive layout that adapts well to various screen sizes
• Cleaner visual hierarchy between sidebar and main content

Proposed Solution

• Wrap main content in a max-width container
• Resize and reposition the logo
• Adjust typography and spacing for better readability
• Improve responsiveness using CSS media queries
• Minor alignment and spacing refinements

I would like to work on this issue if it’s approved.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and prompts that you can use with your favorite coding agent.

• Create Plan

Examples

• Example 1
• Example 2

---

🔗 Related PRs

#586 - fix the layout [merged]
#601 - Fix #543: Improve documentation site responsiveness on mobile devices [merged]

👤 Suggested Assignees

• Aditya30ag
• suryansh00001

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord or schedule a call!

[anve-sha]

Thanks for the references!
I’ve reviewed the related PRs, and this issue focuses on remaining layout and readability improvements on the documentation homepage.
I’d be happy to work on this issue if it’s still relevant.

[divyanshmrawal]

Yes, that’s exactly what I’m saying. To improve the UI of the landing page, can we work together on this issue? Also, it would be helpful if you could provide a short video explaining how to reproduce the issue, so everyone can easily understand and collaborate on solving it. This is just my suggestion.

[anve-sha]

Thank you for the confirmation and suggestion! 😊

Yes, I’d be happy to work together on this issue.
I’ll prepare a short video demonstrating the current UI issues on the landing/documentation page and how they can be reproduced, so it’s easier for everyone to understand.

I’ll share the video here shortly.
Thanks again for your guidance!

[divyanshmrawal]

I’ve joined some UI/UX workshops, so I have many ideas for this issue. If you need any help, please let me know we can work on it together

[anve-sha]

Thanks for the suggestion! 😊

I’ve created a short video demonstrating the current UI, layout, and responsiveness issues on the landing/documentation page and how they can be reproduced.

Video link: (https://drive.google.com/file/d/1tIPagD_2msUo33nQOCeGTb4iIEyt_d-O/view?usp=drivesdk)

Please let me know if this looks good or if you’d like me to focus on any specific area.
Happy to collaborate on this!

[divyanshmrawal]

yes good work let's work on this issue

[anve-sha]

Yes today, i will start working on this issue