user191: For demonstration I snapped the browser window into a corner which makes it take up roughly a 1920x1080 rectangle, and this is how main and meta look like:




This is probably a CSS bug with determining the screen space where desktop resolution is taken on meta and viewport size is taken on main. Main works fine, so it should be possible to copy the same code parts over to meta's CSS.

user191: At some point this apparently got fixed (either by SE or by Firefox's support of CSS, I can't tell) and now looks okay:


191: <p>For demonstration I snapped the browser window into a corner which makes it take up roughly a 1920x1080 rectangle, and this is how main and meta look like:</p>

<p><a href="https://i.stack.imgur.com/FKRHP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FKRHPm.png" alt=""></a>
<a href="https://i.stack.imgur.com/gooWC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gooWCm.png" alt=""></a>
<a href="https://i.stack.imgur.com/9S57f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9S57fm.png" alt=""></a>
<a href="https://i.stack.imgur.com/FLaAc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FLaAcm.png" alt=""></a></p>

<p>This is probably a CSS bug with determining the screen space where desktop resolution is taken on meta and viewport size is taken on main. Main works fine, so it should be possible to copy the same code parts over to meta's CSS.</p>
 191: <p>At some point this apparently got fixed (either by SE or by Firefox's support of CSS, I can't tell) and now looks okay:</p>
<p><a href="https://i.stack.imgur.com/ykBas.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ykBas.png" alt="enter image description here" /></a></p>
