the interactive sections are way too narrow to be shown properly

[RealmX1]

What information was incorrect, unhelpful, or incomplete?

https://developer.mozilla.org/en-US/docs/Web/CSS/minmax

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]

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]

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

See mdn/yari#5421 for a feature request to make the sidebar collapsible, which might help in your use case.

[RealmX1]

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.

[caugner]

This affects https://developer.mozilla.org/en-US/docs/Web/CSS/minmax#try_it, but not https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns#try_it

[caugner]

FYI @LeoMcA