I've noticed a few relatively minor issues, which can be rephrased/viewed as "why" questions:
- The introductory text ("Org mode is for keeping notes [...]") overflows, possibly because of an enforced minimum font size (and an assumption about it that doesn't always hold true in the markup) in my case.
- SVG images are embedded as objects, leading to noscript blocking them in FF, and just unnecessary spam ("Sorry, your browser does not support SVG.") in lynx. This one is more of a question, rather than just a report: why not to use the img tag (which, I think, is handled generally better) instead? Or even to leave them as texts.
- "Made with by TEC" uses a relatively uncommon glyph (the font I use doesn't have that; apparently it was assigned just last year).
> I expect "Org mode is for keeping notes [...]" to take up about three lines. What's going wrong for you?
It takes 4 lines here, but the issue is with horizontal overflow: "planning" is in the end of the first line for me, and it's cut on the last "n" (with no horizontal scroll). Below that, "developed by many others." is cut on "h" in "others". That's in FF 68, where it's also aligned to the right side, while in FF 78 it is centered. All the other elements are centered in FF 68 too.
It moves to the left and becomes readable (i.e., all words are fully visible) when I remove font settings (org.css:32) and the --body-left ones, or if "display: flex" is disabled altogether, but not sure what's the exact issue. There's "overflow-x: hidden" in the CSS, which probably contributes to it.
Edit: apparently it's similar to the issue reported by john-aj here.
