Lessons truncated

[furai]

Hello,

Picture is worth more than thousand words. It shows that output box is overflowing and invisible. It should be showing world on a dark background.

On really wide screens (in my case 2880px) the lessons get truncated. I'm getting this issue both in latest firefox and chromium.

Possible fix is to add max-width around sections with tutor comments.

Side note: font size on the page itself is way too small. I'd advise using at least 16 px for the important lesson information if possible.

Cheers,
Furai

[gfkpth]

The issue does indeed seem to correlate with visible screen width. On my ultrawide with 3440px width, even some of the example field is truncated:

A simple workaround is to simply not use the browser in full screen.

Playing around with resizing the browser window, the problem is probably that the "box" presenting the content seems to have a fixed height, while graphics inside the content area are flexibly sized and adapted to the viewport size (I assume). After a certain size, they just bump any content after them outside of the visible zone. I suspect two possible solutions would be to a) make the box height flexible or b) to limit the maximum size of scaling for the graphics.

It's a bit uncomfortable for those of us with ultrawide screens, but not a breaking issue.

Thanks for making the course available in any case!