Cheatsheet horizontal scrolling

[diafestivo]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Hello,

In the "Cheatsheet" example, there seems to be some padding that causes horizontal scrolling on mobile resolutions.

It might seem like a minor issue, but it can be uncomfortable for many users.

Thank you, and congratulations on your great work.

Reduced test cases

The issue seems to be caused by content overflowing the width of the screen on mobile resolutions. A potential fix is to add the following CSS rule to prevent horizontal scrolling:

@media (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
}

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

5.3.3

[julien-deramond]

Thanks for reporting this issue @diafestivo!
I can also confirm the issue with Firefox on macOS.
I've tried a fix with #40799 but which handles only resolutions > 272px which is kind of small already.
Is it fixing your issue on your side?