mdn / mdn/fred

the interactive sections are way too narrow to be shown properly

Open
#970 7 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

p1
Dominant language
JavaScript
Stars
233
Forks
61
Avg merge
1d 1h
Merged PRs (30d)
82

Description

What information was incorrect, unhelpful, or incomplete?

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

image

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).

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the linked MDN CSS minmax page and inspect how its interactive example is rendered in Fred. Compare the selection and output areas with the requested full-row arrangement. Done means the interactive panel is wider and allows easier comparison of each line without narrowing the surrounding text.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.