Prevent horizontal scrolling coming from code blocks

[mateustav]

What does this do?

• Some articles contain code blocks and tabbed code blocks that create horizontal scrolling in the document. These changes ensure the code block uses its own width (or, in the case of tabs, a max of 36rem in certain viewport sizes).

Before

Migration.Guide._.Cypress.Documentation.-.16.October.2023.mp4

After

Migration.Guide._.Cypress.Documentation.-.16.October.2023.1.mp4

How to test

• Visit a few articles with code blocks like this one.
• Ensure there's no horizontal scrolling no matter which viewport you view it from.
• Ensure code blocks behave normally (you can scroll, wrap text, copy).
• Ensure code block tabs behave normally (you can switch tabs, you can scroll through them).

[netlify]

👷 Deploy request for cypress-docs pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	8121b29

[netlify]

✅ Deploy Preview for benevolent-cat-040f48 ready!

Name	Link
🔨 Latest commit	8121b29
🔍 Latest deploy log	https://app.netlify.com/sites/benevolent-cat-040f48/deploys/6539447d442f6a0008f8cd1a
😎 Deploy Preview	https://deploy-preview-5537--benevolent-cat-040f48.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[CLAassistant]

All committers have signed the CLA.

[cypress-app-bot]

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.

[emilyrohrbough]

@mateustav Thank you for fixing this scroll issue!