Fix: issue #6538 Overlapping Content on HandBook TOC

[Vincamine]

Description

This PR fixes #6538 [UI] Overlapping Content on HandBook Repository OverView.

Notes for Reviewers
Here are screenshots showing the fix. Adjustments are now media-query scoped to prevent layout shift.

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 6864d8a at: https://684ddaa7c5658ea4cea0868f--layer5.netlify.app

[l5io]

🚀 Preview for commit 7e626b9 at: https://684ddfd3a49b72b3aa3d086c--layer5.netlify.app

[l5io]

🚀 Preview for commit b62fe03 at: https://684de38ab54488b74aaa3950--layer5.netlify.app

[LibenHailu]

Hi @Vincamine,
Thank you for your contribution! We refrain from using media queries as much as possible, There are theme breakpoints I couldn't locate them, I think @M-DEV-1 can help us here, Would it be possible to reduce the space on the image below by any chance 😇 ?

[l5io]

🚀 Preview for commit 2b7e1a7 at: https://684f3ea1a49b7240993d076b--layer5.netlify.app

[Vincamine]

Hi @LibenHailu. I’ve refined the solution by 1.Defining the layout behavior for screens under 750px 2.Replacing the existing mobile media query with a more robust version. As for reducing the space, seems like there are same layout pattern on other pages due to their content structure. I’d be happy to implement a more global fix if that’s helpful

[l5io]

🚀 Preview for commit 91e6693 at: https://684f5e31ffd5140380a46808--layer5.netlify.app

[l5io]

🚀 Preview for commit 91e6693 at: https://684f6110f153d1bbed94c49a--layer5.netlify.app

[LibenHailu]

Hi @Vincamine, do you join today's sites meeting, Let's discuss this during the websites call today.

[vishalvivekm]

@Vincamine
Thank you for your contribution!
Let's discuss this during the website call today at 7 AM CT

Add it as an agenda item to the meeting minutes, if you would :)

[Vincamine]

Hi @Vincamine, do you join today's sites meeting, Let's discuss this during the websites call today.

Hi @Vincamine, do you join today's sites meeting, Let's discuss this during the websites call today.

@Vincamine Thank you for your contribution! Let's discuss this during the website call today at 7 AM CT

Add it as an agenda item to the meeting minutes, if you would :)

Hi guys! the time zone doesn’t quite work for me.. But I’m really curious if there were any updates or insights on the issue. Happy to catch up via notes or async!

[LibenHailu]

Hi guys! the time zone doesn’t quite work for me.. But I’m really curious if there were any updates or insights on the issue. Happy to catch up via notes or async!

Hi @Vincamine , Can you join next sites meeting if you are able to, if not we can have a discussion offline?

[M-DEV-1]

@Vincamine the changed page looks much better 👍🏼

some pages still have some gap though, a global fix would be nice, along with some horizontal padding for mobile view on these pages.

were you able to find the theme breakpoints?

[vr-varad]

@Vincamine any update on this??