Skip to content

Conversation

@Me-Priyank
Copy link

What kind of change does this PR introduce?

Bugfix - Corrected mobile responsiveness issues across the tour page.

Issue Number:

Closes 🐛 Bug: Tour page not adjusted for mobile (#138)

Screenshots/Videos:

responsive.tour.mp4

If relevant, did you update the documentation?

No, this is a code fix to the user interface.

Summary

This Pull Request addresses the lack of mobile responsiveness on the main tour components, specifically the lesson navigator and the main editor/validation area. The goal was to ensure the tour is completely usable and readable on screen widths down to 320px.

Changes include:

  • Implemented flex/grid layout adjustments in CSS for smaller screens.
  • Ensured the schema and instance editor panes stack vertically on mobile.
  • Adjusted font sizes and padding for readability.

Does this PR introduce a breaking change?

No breaking changes. This is solely a front-end UI/UX fix.

@Me-Priyank Me-Priyank force-pushed the json-schema-tour-priyank branch from 86f428e to 1910a58 Compare November 30, 2025 13:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant