Information below image on guide behaves strangely when window width is more than approximately 1900px

[bt5191 (btt)]

When I was browsing guides on the new docs site, I noticed that information below a particular image behaves strangely when a window’s width exceeds 1820px (scaling set to 100%). The page in question is Laser Traps with Beams | Roblox Creator Documentation.

Reproduction Steps
You will need a monitor at least 1900px wide with scaling set to 100% in order to reproduce this issue.

1. Visit Laser Traps with Beams | Roblox Creator Documentation and scroll up until you reach step 6 of the beam properties section of the guide.
2. By resizing your window, you will be able to notice the following:
   • At about 1820px, the information box and everything below starts to move upwards.
   • At about 1900px, the information starts to obstruct the image.
   • At about 2030px, the trap mechanic heading starts to overlap the image.

This behaviour is inherently difficult to articulate well in writing, so I’ve attached a video just below demonstrating the issue.

Expected behaviour
Information below the image should move downwards when the window width exceeds a certain amount (because the images on the page grow in size).

Actual behaviour
The information below the image moves upwards when the window width exceeds a certain amount, causing that information to overlap.

Issue Area: Creator Dashboard
Issue Type: Documentation
Impact: Low
Frequency: Constantly
Date First Experienced: 2022-09-02 05:50:00 UTC
Date Last Experienced: 2022-09-02 05:50:00 UTC

After some testing, it seems that it’s only happening on Windows 11.

[Focia19]

We were able to reproduce your issue. We’ve filed a ticket to our internal database, and we’ll follow up when we have an update!

Thanks for the report!

[IgnisRBX]

Hi there,
Apologies for the long response time on this; the issue appears to have been fixed since reporting, so I’ll close the loop. Thanks for reporting it!

IgnisRBX