[Bug]: Example: Scrolling to an element does not work for certain display widths

Summary

At certain window widths, I believe that the Example: Scrolling to an element looks as if it's not working.

I noticed this when I had my browser window set to half my screen width. Since I was using 1920x1080px, my browser's pixel width at the time would have been about 960px. From my initial testing around, I believe this happens for the width range of 935px to 1023px

From what I understand, the logic behind it is working, it just so happens that the increased width of the card / parent component causes it to appear though it isn't

Page

https://react.dev/learn/manipulating-the-dom-with-refs#example-scrolling-to-an-element

Details

No response

从链接的“Example: Scrolling to an element”页面开始，在935px到1023px的宽度范围内复现该行为。检查示例及其卡片或父级布局，以确定滚动为何看起来没有效果；当目标在整个范围内都能正确且可见地滚动时，即表示完成。