mdn / yari

The platform code behind MDN Web Docs
Mozilla Public License 2.0
1.18k stars 503 forks source link

Expanded playground areas are hard to use. #9556

Open shravzzv opened 1 year ago

shravzzv commented 1 year ago

MDN URL

https://developer.mozilla.org/en-US/play

What specific section or headline is this issue about?

No response

What information was incorrect, unhelpful, or incomplete?

I find the HTML, CSS, JS areas too hard to use. Only four lines of code are visible at a time at best. The preview box never fits the content. The console occupies half of the right column even when it's empty and it's not resizable.

What did you expect to see?

Resizable blocks where content is easy to see without scrolling.

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

No response

Do you have anything more you want to share?

mdn-playground-issue

bsmth commented 1 year ago

Hi @shravzzv - thanks for opening this one. The code for the playground lives in mdn/yari so I have moved it over here. Just a note that you can expand and collapse the code sections in case that's useful:

![image](https://github.com/mdn/yari/assets/43580235/f6b783e8-0566-4c28-a0b8-947ea7568269)