Setting a minimum font size in Firefox makes code sections on the website unreadable

[pavloconuve]

I would like to report an accessibility issue on the website.

I have a minimum font size set to 15 in Firefox preferences. Most of the website looks okay, except for those animated code sections, e.g. https://facebook.github.io/create-react-app/docs/getting-started

[mrmckeb]

Hi @growtofill, we'd be very open to a PR if you'd like to look into this?

[amyrlam]

I can repro. I don't know a lot about this issue yet...but I'll do some investigation and report back here. The minimum font height in Firefox is causing the text in the screencast .svg to blow up.

[amyrlam]

Sorry for the delay! Did some research and I'm stumped, so I posted a question on Stack Overflow: https://stackoverflow.com/questions/55926730/how-to-override-minimum-font-size-in-firefox-affecting-text-within-svg

We could convert it to a gif if there's no CSS solution?

[khughitt]

Looks like the upstream issue still hasn't been dealt with, so a gif conversion in the meantime could be helpful.