fix(www): Make Guide Pages Responsive #4817

[DuskoPeric]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/ngrx/platform/blob/main/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Documentation has been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[x] Bugfix
[ ] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Guide pages are not responsive

Closes #4817

What is the new behavior?

Guide pages are responsive

Does this PR introduce a breaking change?

[ ] Yes
[x] No

[netlify]

✅ Deploy Preview for ngrx-io ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	57bcd37
🔍 Latest deploy log	https://app.netlify.com/projects/ngrx-io/deploys/689762598220da00081c951c
😎 Deploy Preview	https://deploy-preview-4900--ngrx-io.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for ngrx-site-v19 ready!

Name	Link
🔨 Latest commit	57bcd37
🔍 Latest deploy log	https://app.netlify.com/projects/ngrx-site-v19/deploys/689762595d517b00085ef564
😎 Deploy Preview	https://deploy-preview-4900--ngrx-site-v19.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[timdeschryver]

This is already way better, thanks @DuskoPeric !
What do you think about removing the ToC?
I don't think it adds much value, and it's currently broken on mobile - while I click on an item it doesn't take me to the content.

I also think this PR resolved #4890

[DuskoPeric]

Hi @timdeschryver
I think the ToC is broken on large screens as well. Maybe we can create a new issue to fix the ToC functionality.

[timdeschryver]

@DuskoPeric 😲 you're right!
I will create a new issue to take a look into this behavior.
Removing the ToC for mobile can be done in this PR, or would you rather keep the ToC?

[DuskoPeric]

Hi @timdeschryver , based on Marko's suggestion, I created a dropdown for the ToC on mobile screens.

[timdeschryver]

@DuskoPeric that's a great idea, thanks!
I will go over it tomorrow.