🐛 Bug: Multiple Pages Are Not Adjusted For Mobile

[idanidan29]

Describe the bug

when accessing the following pages on a mobile device, the pages are not adjusted for mobile screens, the pages are:

• Array
• Boolean
• Null
• Numeric Types
• Object
• String
• Dialect and Vocabulary Declaration

The issues observed include:

• The navigation bar extends beyond the viewport.
• The language selection dropdown is too wide for mobile screens, causing it to overflow.

Steps To Reproduce

1. Open the JSON Schema website on a mobile device.
2. Navigate to one of the pages
3. Observe.

Expected Behavior

• The navigation bar should remain within the screen width.
• The language selection should adjust to fit mobile screens properly.

Screenshots

some examples:

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[idanidan29]

This is a big issue, and I would like to start working on it as soon as possible. Please assign it to me so I can begin. @benjagm @jdesrosiers

[Karan-Palan]

We also do not get to dark/light mode toggle (complete navbar) on some of these pages. Let's complete this issue collaboratively once approved @idanidan29 as there are alot of pages, we would get the work done way faster 🤝

[idanidan29]

Hi @Karan-Palan, thank you for your suggestion! I've already made some progress on this issue, and I’d prefer all the pages to follow a similar format

[Utkarsh-123github]

That's great @idanidan29 🚀

[benjagm]

Hi @idanidan29 . Please go ahead with this issue.