the interactive sections are way too narrow to be shown properly

mdn / interactive-examples

Home of the MDN live code editor interactive examples

Creative Commons Zero v1.0 Universal

728 stars 508 forks source link

the interactive sections are way too narrow to be shown properly #2801

Open RealmX1 opened 3 months ago

RealmX1 commented 3 months ago

What information was incorrect, unhelpful, or incomplete?

As said, the interactive session is way to narrow, this creates great inconvenience when trying to look at content from each line

What did you expect to see?

Wider interactive example for ease of comparing differences between options

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

I do understand that the text content are intentionally made narrow for ease of reading, but this makes width of interactive panel really awkward. QuickFix -- have the selection and output take up entire rows (instead of taking half of a row each).

github-actions[bot] commented 3 months ago

It looks like this is your first issue. Welcome! 👋 One of the project maintainers will be with you as soon as possible. We appreciate your patience. To safeguard the health of the project, please take a moment to read our code of conduct.

caugner commented 3 months ago

@RealmX1 Thanks for taking the time to report this. Can you please share what device (smartphone/tablet/desktop) you're using?

See https://github.com/mdn/yari/issues/5421 for a feature request to make the sidebar collapsible, which might help in your use case.

RealmX1 commented 2 months ago

The device is desktop - Windows & Linux (don't have mac so not sure how it pans out on Mac, but as browser are relatively independent of exact operating system, I'd assume same problem exist there as well) -- it doesn't matter what monitor size I use (1080p, 2k, 4k). I'm pretty sure the resolution of the feature request you mentioned would help in my use case, but that likely won't be a complete fix.